/* gway.asia 공통 — 시안 5-h 균형 벽돌형. 래디우스 없음, 데스크톱 폭 최대 1080px(--app-w) */
/* 색 토큰. 다크가 기본, 라이트는 <html data-theme="light"> (마이페이지에서 전환) */
:root{
  --blue:#0047AB; --ink:#1A1A1A; --tile:#2A2A2A; --paper:#FFFFFF; --yellow:#FFD400; --red:#D62828;
  --gap:6px; --nav-h:62px; --top-h:64px; --app-w:1080px; /* PC 최대 폭: 바꿀 땐 여기만 */
  --shade:linear-gradient(180deg,rgba(8,8,10,.35) 0%,rgba(8,8,10,.05) 35%,rgba(8,8,10,.82) 100%);
  --font:'Outfit','Pretendard Variable',Pretendard,'Noto Sans Thai',system-ui,-apple-system,sans-serif;
  --w-body:300; /* 본문 성격 글자(설명·소개·리뷰 등)는 얇게 */
  /* 다크(기본) */
  color-scheme:dark;
  --bg:#14161B; --surface:#1C1F26; --surface-2:#242832; --hover:#262B35;
  --text:#ECEEF2; --text-2:#B9BEC9; --text-3:#7F8696; --muted:#7F8696;
  --line:#2C313B; --line-soft:#22262E;
  --accent:#0047AB; --accent-text:#7EA4FF; --accent-soft:#1D2A44; --on-accent:#FFFFFF;
  --page:#0E1013; --wall-ink:rgba(255,255,255,.035); --wall-acc:rgba(126,164,255,.07);
  --th-bar:#1E293C; --th-bar-fg:#3B4E70; --th-club:#23232A; --th-club-fg:#44434E; --th-karaoke:#2C2819; --th-karaoke-fg:#5A5132;
  --th-cabaret:#2D2121; --th-cabaret-fg:#5D4240; --th-cafe:#1E2A23; --th-cafe-fg:#3D5647;
  --cv-bar:#1E293C; --cv-bar-fg:#2C3B57; --cv-club:#23232A; --cv-club-fg:#33323C; --cv-karaoke:#2C2819; --cv-karaoke-fg:#433D25;
  --cv-cabaret:#2D2121; --cv-cabaret-fg:#463130; --cv-cafe:#1E2A23; --cv-cafe-fg:#2E4136;
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#FFFFFF; --surface:#FFFFFF; --surface-2:#F3F5F8; --hover:#F0F3F9;
  --text:#1A1A1A; --text-2:#444444; --text-3:#8A8A8A; --muted:#6B6B6B;
  --line:#E6E6E6; --line-soft:#F1F1F1;
  --accent-text:#0047AB; --accent-soft:#E1E7F2;
  --page:#EEF0F4; --wall-ink:rgba(26,26,26,.055); --wall-acc:rgba(0,71,171,.075);
  --th-bar:#E1E7F2; --th-bar-fg:#B4C0D8; --th-club:#E4E3E8; --th-club-fg:#BDBBC6; --th-karaoke:#F3EDD3; --th-karaoke-fg:#D6CA9C;
  --th-cabaret:#F1E0DE; --th-cabaret-fg:#D7B7B3; --th-cafe:#E2ECE5; --th-cafe-fg:#B5CBBC;
  --cv-bar:#E1E7F2; --cv-bar-fg:#C3CDE2; --cv-club:#E4E3E8; --cv-club-fg:#CBC9D3; --cv-karaoke:#F3EDD3; --cv-karaoke-fg:#E2D8B1;
  --cv-cabaret:#F1E0DE; --cv-cabaret-fg:#E3CAC6; --cv-cafe:#E2ECE5; --cv-cafe-fg:#C7D9CC;
}
*,*::before,*::after{box-sizing:border-box;border-radius:0}
html,body{margin:0;height:100%}
body{background:var(--page);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}
button,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}

.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}

/* 언어 버튼(정사각 테두리) */
.lang{position:relative;z-index:5}
.lang-btn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border:2px solid var(--paper);
  background:transparent;color:var(--paper);font-size:14px;font-weight:700;cursor:pointer}
.lang-btn:hover{background:rgba(255,255,255,.12)}
.lang-menu{position:absolute;right:0;top:50px;min-width:150px;margin:0;padding:4px 0;list-style:none;
  background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.lang-menu[hidden]{display:none}
.lang-menu button{display:block;width:100%;text-align:left;padding:10px 14px;min-height:44px;border:0;background:none;font-size:15px;font-weight:500;cursor:pointer}
.lang-menu button[aria-checked="true"]{color:var(--accent-text);font-weight:700}
.lang-menu button:hover{background:var(--hover)}

/* 정사각 아이콘 버튼(사진 위) */
.sq-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:2px solid var(--paper);background:transparent;color:var(--paper);cursor:pointer}
.sq-btn:hover{background:rgba(255,255,255,.12)}
.sq-btn svg{width:22px;height:22px}

/* 상단 바(데스크톱) */
.topbar{display:none}
/* 하단 탭(모바일·태블릿) */
.tabs{flex-shrink:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding:4px 8px calc(6px + env(safe-area-inset-bottom,0px));
  background:var(--surface);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line)}
.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;color:var(--text-3);font-size:11px;font-weight:500}
.tab svg{width:24px;height:24px}
.tab[aria-current="page"]{color:var(--accent-text);font-weight:700}
.tabs.sticky{position:sticky;bottom:0;z-index:20}

@media (min-width:600px){ :root{--gap:8px} }

/* 데스크톱(≥900px & 가로 화면): 폭 최대 --app-w(1080px) 가운데, 상단 바 */
@media (min-width:900px) and (min-aspect-ratio:1/1){
  :root{--pc-pad:50px}
  body{background-color:var(--page);background-image:var(--wallpaper);background-size:1000px 560px;background-attachment:fixed}
  .app{max-width:var(--app-w);margin:0 auto;background:var(--ink);box-shadow:0 0 0 1px rgba(0,0,0,.04),0 10px 40px rgba(20,30,60,.10)}
  .topbar{display:flex;align-items:center;justify-content:space-between;height:var(--top-h);flex-shrink:0;
    padding:0 var(--pc-pad);background:var(--surface);color:var(--text);border-bottom:1px solid var(--line)}
  .topbar .mini{height:26px;width:auto;display:block;--lg-ink:var(--text);--lg-acc:var(--accent-text)}
  .topnav{display:flex;gap:4px}
  .topnav a{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;font-size:15px;font-weight:600;color:var(--text-3);border-bottom:3px solid transparent}
  .topnav a svg{width:20px;height:20px}
  .topnav a[aria-current="page"]{color:var(--accent-text);border-bottom-color:var(--accent-text)}
  .topnav a:hover{color:var(--text)}
  .topnav .srch{padding:0 10px;margin-left:6px}
  .topnav .srch span{display:none}
  .topnav .srch svg{width:22px;height:22px}
  .tabs{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* 공통 푸터(소개·도움말·정책·약관) + 문서 메뉴 */
.site-foot{padding:14px 16px;border-top:1px solid var(--line-soft);text-align:center;color:var(--text-3);font-size:11px;line-height:1.4}
.site-foot .sf-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 3px;white-space:nowrap}
.site-foot a{color:var(--text-2);text-decoration:none}
.site-foot a:hover{color:var(--text);text-decoration:underline}
.site-foot .sep{color:var(--text-3);opacity:.6}
.site-foot .sf-copy{opacity:.8}
.doc-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 20px;padding:0 16px 2px}
.doc-nav::-webkit-scrollbar{display:none}
.doc-nav a{flex:none;padding:7px 12px;border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--text-2);text-decoration:none;white-space:nowrap}
.doc-nav a:hover{color:var(--text);border-color:var(--text-3)}
.doc-nav a[aria-current="page"]{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600}
@media (min-width:900px) and (min-aspect-ratio:1/1){ .site-foot{padding:16px var(--pc-pad);font-size:12px} .site-foot .sf-links{gap:2px 6px} .doc-nav{margin:0 0 24px;padding:0;flex-wrap:wrap} }