/* ═══════════════════════════════════════════════════════════════
   로그지지 정적 페이지 공유 셸 (guide/*.html, about/privacy/contact)
   - 토큰 값은 css/styles.css와 동일하게 유지할 것 (수정 시 양쪽 동기화)
   - 헤더/푸터 마크업은 shell.js가 주입. 이 파일은 셸 스타일 + 타이포 정규화만.
   - 이 링크는 반드시 각 페이지의 인라인 <style> '뒤'에 와야 함
     (같은 특이도 셀렉터를 로드 순서로 이겨서 타이포를 정규화하는 구조)
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. KRDS 토큰 (styles.css 발췌 — semantic만, primitive 생략) ── */
:root{
  --bg:#f8f9fa; --card-bg:#ffffff; --surface:#f9fafb; --surface-alt:#f3f4f6;
  --border:#dee2e6; --text:#212529; --text-sub:#6c757d;
  --accent:#256ef4; --accent-light:#ecf2fe;
  --radius:8px; --radius-lg:12px; --radius-pill:999px;
  --sidebar-bg:#ffffff; --sidebar-hover:#f3f4f6;
  --text-xs:13px; --text-sm:14px; --text-base:15px; --text-md:16px;
  --text-lg:19px; --text-xl:23px; --text-2xl:27px;
}
[data-theme="dark"]{
  --bg:#0f1117; --card-bg:#1a1d23; --surface:#1e2128; --surface-alt:#161920;
  --border:#2d3139; --text:#e5e7eb; --text-sub:#9ca3af;
  --sidebar-bg:#111318; --sidebar-hover:#1e2128;
  --accent:#4c87f6; --accent-light:#1a3256;
}

/* ── 2. 셸 헤더 — styles.css 원본 규칙 verbatim 복사 (발명 금지, R1-30)
       접두사만 body.topnav → .lz-static 치환. 각 규칙 옆 원본 행 번호.
       마크업도 원본 클래스명(topnav-logo / topnav-logo-text / topnav-logo-tag /
       theme-toggle / nav-item) 그대로 사용 — shell.js 참조. ── */
.lz-static .lz-shell-row1{height:52px;background:var(--card-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:41;} /* .header 510 + topnav 2723·2727 */
.lz-static .topnav-logo{display:flex;align-items:center;gap:8px;cursor:pointer;margin-right:6px;flex-shrink:0;text-decoration:none;} /* 2731 */
.lz-static .topnav-logo img{width:26px;height:26px;border-radius:var(--radius);object-fit:cover;} /* 2732 */
.lz-static .topnav-logo .topnav-logo-text{font-size:15px;font-weight:800;color:var(--text);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;} /* 2733 */
.lz-static .topnav-logo .topnav-logo-tag{display:inline-flex;align-items:center;justify-content:center;text-align:center;height:16px;padding:1px 7px 0;box-sizing:border-box;font-size:10px;font-weight:700;line-height:1;letter-spacing:.4px;border-radius:999px;background:var(--accent-light);color:var(--accent);flex:0 0 auto;position:relative;top:0;} /* 2735 */
.lz-static .theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--card-bg);color:var(--text-sub);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0;} /* 272 */
.lz-static .theme-toggle:hover{background:var(--accent-light);color:var(--accent);} /* 273 */
.lz-static .theme-toggle .material-icons{font-size:20px;} /* 274(--icon-md) */
.lz-static .lz-shell-tabs{display:flex;flex:none;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:2px;height:52px;padding:0 max(16px, calc((100% - 1200px) / 2 + 24px));margin:0;background:var(--sidebar-bg);border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:sticky;top:52px;z-index:40;scrollbar-width:none;-ms-overflow-style:none;} /* 2737 */
.lz-static .lz-shell-tabs::-webkit-scrollbar{display:none;} /* 2738 대응 */
.lz-static .lz-shell-tabs .nav-item{display:flex;flex-direction:row;align-items:center;height:52px;padding:0 13px;margin:0;border-radius:0;border-bottom:2px solid transparent;background:transparent;white-space:nowrap;gap:6px;font-size:15px;color:var(--text-sub);cursor:pointer;transition:all .15s;text-decoration:none;} /* 321 + 2749 */
.lz-static .lz-shell-tabs .nav-item:hover{background:var(--sidebar-hover);} /* 2750 */
:root:not([data-theme="dark"]) .lz-static .lz-shell-tabs .nav-item{color:#161618;} /* 301 */
:root:not([data-theme="dark"]) .lz-static .lz-shell-tabs .nav-item:hover{color:#161618;} /* 302 */
.lz-static .inquiry-btn{position:relative;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--card-bg);color:var(--text-sub);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0;text-decoration:none;} /* 276 (정적: 항상 표시, contact 링크) */
.lz-static .inquiry-btn:hover{background:var(--accent-light);color:var(--accent);} /* 278 */
.lz-static .inquiry-btn .material-icons{font-size:20px;} /* 279 */
.lz-static .lz-shell-right{margin-left:auto;display:flex;align-items:center;gap:12px;} /* .header-right 512 대응 */
.lz-static .lz-shell-right .theme-toggle{margin-left:0;}
.lz-static .user-chip{display:flex;align-items:center;gap:8px;position:relative;padding:4px 8px;border-radius:var(--radius);text-decoration:none;} /* 521 */
.lz-static .user-chip img{width:32px;height:32px;border-radius:50%;border:3px solid transparent;} /* 523 */
.lz-static .user-chip .uname{font-size:var(--text-base);font-weight:600;color:var(--text);} /* 525 */
@media (max-width:600px){.lz-static .user-chip .uname{display:none;}}

@media (max-width:768px){
  .lz-static .lz-shell-row1{padding:0 12px;} /* 2761 */
  .lz-static .lz-shell-tabs{padding:0 16px;top:52px;} /* 2763 */
  .lz-static .lz-shell-tabs .nav-item{flex-shrink:0;padding:0 11px;font-size:14px;} /* 2764 */
  .lz-static .topnav-logo .topnav-logo-text{font-size:14px;} /* 2767 */
  .lz-static .topnav-logo{margin-right:2px;} /* 2768 */
}
@media (max-width:359px){
  .lz-static .topnav-logo .topnav-logo-text{display:none;} /* 2772 */
}

/* ── 3. 통일 푸터 ── */
.lz-shell-footer{border-top:1px solid var(--border);background:var(--card-bg);
  padding:22px 20px 28px;text-align:center;margin-top:32px;}
.lz-shell-flinks{display:flex;gap:16px 18px;justify-content:center;flex-wrap:wrap;margin-bottom:10px;}
.lz-shell-flinks a{color:var(--text-sub);font-size:var(--text-xs);text-decoration:none;}
.lz-shell-flinks a:hover{color:var(--text);text-decoration:underline;}
.lz-shell-flinks a[aria-current="page"]{color:var(--text);font-weight:600;}
.lz-shell-copy{color:var(--text-sub);font-size:12px;opacity:.8;}

/* ── 4. 타이포 정규화 — 기준 = 정책 3종(about/privacy/contact) 인라인 스타일.
       h1 27(text-2xl)/800 · 리드 15(text-base) · h2 16(text-md)/700+accent 좌측바
       · h3 15/700 · 본문 15 · 표 14(text-sm) · 보조 13(text-xs)
       가이드 5종의 대제목 체계(h2 23/h3 18/리드 18)를 이 기준으로 정렬 ── */
body.lz-static{font-size:var(--text-base);font-family:'Roboto','Pretendard GOV',-apple-system,sans-serif;letter-spacing:-0.01em;
  min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;} /* body 291 + sticky footer */
body.lz-static .lz-shell-footer{margin-top:auto;} /* 콘텐츠 짧은 페이지(문의 등)에서 푸터 바닥 고정 */
body.lz-static h1{font-size:var(--text-2xl);font-weight:800;}
body.lz-static .lede,body.lz-static .lead{font-size:var(--text-base);}
body.lz-static section h2,body.lz-static main h2{font-size:var(--text-md);font-weight:700;
  padding-left:10px;border-left:3px solid var(--accent);letter-spacing:0;margin:0 0 12px;} /* 정책 h2 원형 */
body.lz-static h3{font-size:var(--text-base);font-weight:700;}
body.lz-static table{font-size:var(--text-sm);}
body.lz-static .hero{padding:36px 0 28px;}
@media (max-width:600px){
  body.lz-static h1{font-size:var(--text-xl);}
}