/* ===== GoCart Global — "Global Luxury Index" theme (navy · champagne · sharp) =====
   article.css(공용 기반) 위에 덮어쓰는 브랜드 레이어. morestayz·alloftrip과 시각적으로 구분되도록
   네이비 상단바·좌측 정렬 히어로·지역 타일·각진 카드+데이터 스트립을 쓴다. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,600&family=Inter:wght@400;500;600;700&display=swap');
:root{
  --bg:#f6f7f9; --surface:#ffffff; --text:#0e1726; --muted:#5b6475; --line:#dfe3ea;
  --accent:#b8975a; --accent-d:#8c6d35; --rose:#b8975a; --navy:#0f1f3a; --navy-2:#16294a;
  --chip:#eef1f5; --shadow:0 10px 30px rgba(15,31,58,.08); --shadow-h:0 18px 44px rgba(15,31,58,.16);
  --serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
:root[data-theme="dark"]{
  --bg:#0a1220; --surface:#111c30; --text:#e9edf4; --muted:#9aa5b8; --line:#1f2c44;
  --accent:#d1b27a; --accent-d:#e3c993; --rose:#d1b27a; --navy:#070e1b; --navy-2:#0d1a31;
  --chip:#15223a; --shadow:0 12px 34px rgba(0,0,0,.5); --shadow-h:0 18px 48px rgba(0,0,0,.6);
}
body{letter-spacing:-.003em}

/* top bar */
.gtop{background:var(--navy);color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.08)}
.gtop-in{max-width:1180px;margin:0 auto;padding:0 20px;height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.gbrand{font-family:var(--sans);font-weight:700;font-size:.92rem;letter-spacing:.28em;text-transform:uppercase;color:#fff;white-space:nowrap}
.gbrand span{color:var(--accent);margin-left:.45em}
.gnav{display:flex;gap:22px;margin-right:46px;font-family:var(--sans);font-size:.84rem;font-weight:500}
.gnav a{color:rgba(255,255,255,.78)}
.gnav a:hover{color:#fff}
@media(max-width:720px){.gnav{display:none}}
.theme-toggle{top:12px!important;color:#fff!important;background:transparent!important;border-color:rgba(255,255,255,.25)!important;z-index:60}

/* hero (home only) */
.ghero{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 70%,#1d3560 100%);color:#fff}
.ghero-in{max-width:1180px;margin:0 auto;padding:64px 20px 56px}
.geyebrow{font-family:var(--sans);font-size:.74rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}
.ghero h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.1rem,5.2vw,3.6rem);line-height:1.08;letter-spacing:-.02em;max-width:17ch;margin-top:16px}
.ghero h1 em{font-style:italic;color:var(--accent)}
.glede{max-width:56ch;margin-top:18px;color:rgba(255,255,255,.78);font-size:1.04rem;line-height:1.65}
.ghero .search{max-width:560px;margin:28px 0 0}
.ghero .search input{background:#fff;color:#0e1726;border:0;border-radius:2px;padding:15px 16px 15px 46px}
.ghero .search .ic{color:#5b6475}
.gstats{display:flex;flex-wrap:wrap;gap:0;margin-top:34px;border-top:1px solid rgba(255,255,255,.14)}
.gstats div{padding:16px 28px 0 0;margin-right:28px;border-right:1px solid rgba(255,255,255,.14)}
.gstats div:last-child{border-right:0}
.gstats dt{font-family:var(--serif);font-size:1.6rem;font-weight:700;color:#fff;line-height:1}
.gstats dd{font-family:var(--sans);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:6px}

/* region tiles */
.gregions{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin:36px 0 0}
.gregions:empty{display:none}
.gregions a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);padding:18px 16px;color:var(--text);display:flex;flex-direction:column;gap:6px;transition:background .15s}
.gregions a:hover{background:var(--chip)}
.gregions b{font-family:var(--serif);font-size:1.06rem;font-weight:700}
.gregions small{font-family:var(--sans);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* layout & category tabs */
.hpwrap{max-width:1180px}
.catnav{justify-content:flex-start;gap:0;margin:34px 0 0;max-width:none;border-bottom:1px solid var(--line)}
.cchip{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:12px 16px;font-weight:600;color:var(--muted);margin-bottom:-1px}
.cchip:hover{color:var(--text);border-color:var(--line)}
.cchip.on{background:transparent;color:var(--text);border-color:var(--accent)}
.seclabel{margin:34px 0 18px}
.seclabel h2{font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.hubhead{max-width:none;margin:30px 0 4px}
.hubhead h1{font-family:var(--serif);font-weight:700;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;margin:10px 0 4px;letter-spacing:-.015em}
.subchips a{border-radius:2px}
.subchips a.on{background:var(--navy);border-color:var(--navy);color:#fff}

/* cards: sharp, data strip */
.cthumb{border-radius:2px;box-shadow:none;aspect-ratio:4/3}
.ctag{border-radius:2px;background:var(--navy);color:#fff;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;box-shadow:none}
.cmeta{color:var(--muted);font-weight:600;letter-spacing:.14em;font-size:.68rem}
.card h2{font-weight:700;font-size:1.14rem;line-height:1.32}
.card:hover h2{color:var(--accent-d)}
.cdata{display:flex;gap:0;margin-top:12px;border-top:1px solid var(--line);font-family:var(--sans);font-size:.78rem;color:var(--muted)}
.cdata span{padding:9px 12px 0 0;margin-right:12px;border-right:1px solid var(--line)}
.cdata span:last-child{border-right:0}
.cdata b{color:var(--text);font-weight:700}
.grid .card:first-child{border-bottom:1px solid var(--line)}
.grid .card:first-child .cthumb{aspect-ratio:16/9}
.grid .card:first-child h2{font-weight:700;font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1.15}
.pager .pg{border-radius:2px}
.pager .pg.cur{background:var(--navy);border-color:var(--navy)}

/* article pages */
.post .backbar{display:none}
.hero{border-radius:2px}
.kicker .tag{border-radius:2px;background:var(--navy)}
.kicker .ssn{border-radius:2px}
.hotel{border-radius:2px;box-shadow:none}
.hotel:hover{transform:none;box-shadow:var(--shadow)}
.hotel .ph .rk,.hotel .ph .chip{border-radius:2px}
.hotel .ph .rk.top{background:var(--accent);color:var(--navy)}
.callout,.databox,.garea,.relgrid a{border-radius:2px!important}
.callout.verdict{border-left:3px solid var(--accent)}
.cta a,.bigcta{border-radius:2px!important;background:var(--navy)!important;color:#fff!important}
.cta a:hover,.bigcta:hover{background:var(--accent-d)!important}
.sp-hero{border-radius:2px;text-align:left;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 70%,#1d3560 100%)}
.sp-eyebrow{border-radius:2px;background:transparent;padding:0;color:var(--accent);letter-spacing:.28em}
.sp-sub{margin-left:0}
.sphotel,.sp-stay{border-radius:2px!important}
footer{border-top:3px solid var(--navy)}
