/* 정적 정보 페이지 공통 스타일 (build-static-pages.mjs 가 생성) */
:root { --bg:#fffdf9; --ink:#2b2520; --muted:#5b6469; --coral:#c9423f; --butter:#fed330; --line:#2b2520; --card:#fff9db; }
@media (prefers-color-scheme: dark) { :root { --bg:#1e1b17; --ink:#f7f1e5; --muted:#b9b0a3; --coral:#ff8a88; --line:#574e43; --card:#2a251f; } }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:var(--bg); color:var(--ink); font-family: Pretendard, 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', -apple-system, 'Segoe UI', Roboto, sans-serif; line-height:1.75; word-break: keep-all; overflow-wrap: break-word; }
a { color:var(--coral); }
.site-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; padding:12px 20px; border-bottom:2px solid var(--line); background:var(--card); position:sticky; top:0; z-index:10; }
.brand { display:inline-flex; align-items:center; gap:8px; font-weight:900; font-size:18px; color:var(--ink); text-decoration:none; }
.site-header nav { display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; font-size:14px; font-weight:700; }
.site-header nav a { color:var(--ink); text-decoration:none; }
.site-header nav a.cta, .button { display:inline-block; padding:8px 14px; border:2px solid var(--line); border-radius:10px; background:var(--butter); color:#2b2520; font-weight:900; text-decoration:none; box-shadow:2px 2px 0 var(--line); }
.button { padding:12px 20px; margin:8px 0; }
.page { max-width:820px; margin:0 auto; padding:28px 20px 56px; }
h1 { font-size:clamp(26px, 5vw, 34px); line-height:1.3; margin:8px 0 6px; }
h2 { font-size:clamp(19px, 3.6vw, 22px); margin:32px 0 8px; line-height:1.4; }
.lead { font-size:17px; color:var(--muted); margin:8px 0 12px; }
.meta { font-size:13px; color:var(--muted); margin:0; }
ul { padding-left:22px; } li { margin:6px 0; } li.current { font-weight:800; }
table { width:100%; border-collapse:collapse; margin:12px 0; font-size:14px; display:block; overflow-x:auto; }
th, td { border:1.5px solid var(--line); padding:9px 12px; text-align:left; vertical-align:top; }
th { background:var(--card); white-space:nowrap; }
.contact-mail { font-size:22px; font-weight:900; }
.lang-picker { display:flex; justify-content:flex-end; align-items:center; gap:6px; margin-bottom:6px; font-size:13px; }
.lang-picker select { padding:5px 8px; border:2px solid var(--line); border-radius:8px; background:var(--bg); color:var(--ink); font:inherit; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.site-footer { border-top:2px solid var(--line); background:var(--card); text-align:center; padding:24px 20px; font-size:13px; color:var(--muted); }
.site-footer nav { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 18px; margin-bottom:10px; font-weight:700; }
.site-footer a { color:var(--ink); }