:root{font-family:system-ui,Noto Sans KR,sans-serif;color-scheme:light;--page: #f4f7fb;--surface: #ffffff;--text: #182a3e;--muted: #4d6178;--border: #becbda;--accent: #174ea6;font-size:18px;line-height:1.7}:root[data-theme=dark]{color-scheme:dark;--page: #020617;--surface: #0f172a;--text: #e2e8f0;--muted: #b5c4d8;--border: #475569;--accent: #93c5fd}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);overflow-wrap:anywhere}a{color:var(--accent)}button,a{touch-action:manipulation}button{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 14px;min-height:44px;cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header,nav,main,footer{padding:20px clamp(12px,3vw,40px)}header{border-bottom:1px solid var(--border)}.header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}h1{font-size:1.55rem;margin:0}h2{font-size:1.4rem;margin:0 0 16px}p{margin:0 0 16px}.eyebrow{color:var(--muted);font-size:.85rem;letter-spacing:.06em;margin:0}.notice{margin-top:16px;margin-bottom:0;color:var(--muted)}nav{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--border)}nav a{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;border:1px solid transparent;border-radius:8px;text-decoration:none}nav a[aria-current=page]{background:var(--surface);border-color:var(--accent);font-weight:650}main{min-height:45vh}.remote-content{max-width:78ch;border:1px solid var(--border);border-radius:12px;padding:clamp(16px,3vw,28px);background:var(--surface)}.status{display:inline-block;margin-bottom:16px;color:var(--muted);font-weight:600}footer{border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}.skip-link{position:absolute;left:12px;top:-100px;padding:10px;background:var(--surface);z-index:2}.skip-link:focus{top:8px}@media(max-width:600px){:root{font-size:20px}header,nav,main,footer{padding:16px 12px}nav{gap:4px}nav a{padding:8px}}
