/* Project Box 공통 토큰·내비게이션. 페이지별 스타일은 각 페이지에 둔다. */
:root{
  --bg:#f3f5f3; --surface:#fff; --ink:#18201d; --muted:#5d6a64; --line:#d8dfdb; --grid:#e7ece9;
  --accent:#17594a; --accent-ink:#fff; --accent-soft:#e2eeea;
  --up:#b4432f; --down:#1f5f9e; --flag:#9a5b12; --flag-soft:#f6ecdc;
  --dim:#8a948f; --dim-soft:#eceeed; --danger:#a8322a;
  --c1:#17594a; --c2:#c06a2b; --c3:#3a6ea5; --c4:#8a4f9c; --c5:#6b8f2a; --c6:#a33a5a;
  --f-display:"Nanum Myeongjo","Noto Serif KR",serif;
  --f-body:"IBM Plex Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#111614; --surface:#18201d; --ink:#e6ece9; --muted:#9aa7a1; --line:#2c3632; --grid:#232c29;
  --accent:#5cbfa4; --accent-ink:#0d1f1a; --accent-soft:#1d3a32;
  --up:#ee8a74; --down:#7fb2ea; --flag:#e3a95a; --flag-soft:#3a2c17;
  --dim:#7d8984; --dim-soft:#222a27; --danger:#ec7a70;
  --c1:#5cbfa4; --c2:#eb9a5c; --c3:#7fb2ea; --c4:#c294d4; --c5:#a9cc6b; --c6:#e88aa6;
  color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--f-body)}
.wrap{max-width:1180px;margin:0 auto;padding:28px max(16px,env(safe-area-inset-right)) 64px max(16px,env(safe-area-inset-left))}

/* 상단 내비 */
.nav{position:sticky;top:0;z-index:20;background:var(--ink);color:var(--bg)}
.nav-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:4px 18px;flex-wrap:wrap;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));min-height:48px}
.brand{font-family:var(--f-display);font-weight:800;font-size:17px;color:inherit;text-decoration:none;margin-right:10px;letter-spacing:-.01em}
.nav a.lnk{color:inherit;opacity:.68;text-decoration:none;font-size:14px;padding:13px 2px;border-bottom:2px solid transparent}
.nav a.lnk:hover{opacity:1}
.nav a.lnk[aria-current="page"]{opacity:1;border-bottom-color:var(--accent)}
.nav .nav-sp{flex:1}
.nav button{font:inherit;font-size:13px;background:none;border:1px solid currentColor;color:inherit;opacity:.6;border-radius:6px;padding:4px 10px;cursor:pointer}
.nav button:hover{opacity:1}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}