/* 사이트 공통 스타일(샘플) — 빌드 없이 그대로 서빙, 캐시는 ?v= 버전 쿼리로 갱신 */
:root { --ink: #1b2a41; --sub: #475569; --line: #d5dce4; --accent: #0f766e; --bg: #ffffff; }
* { box-sizing: border-box; }
body { margin: 0; font-family: "맑은 고딕", "Malgun Gothic", sans-serif; color: var(--ink); background: var(--bg); line-height: 1.6; }
.site-header { padding: 14px 24px; border-bottom: 1px solid var(--line); }
.brand { color: var(--ink); font-weight: 700; text-decoration: none; }
.container { max-width: 960px; margin: 0 auto; padding: 32px 24px; }
.info { display: grid; grid-template-columns: 120px 1fr; gap: 6px 12px; color: var(--sub); }
.info dt { font-weight: 700; }
.btn { padding: 8px 16px; border: 0; border-radius: 6px; background: var(--accent); color: #fff; cursor: pointer; font-size: 15px; }
.btn:focus-visible { outline: 3px solid #f59e0b; outline-offset: 2px; }
.out { min-height: 1.6em; color: var(--accent); font-weight: 700; }
.site-footer { padding: 16px 24px; border-top: 1px solid var(--line); color: var(--sub); font-size: 13px; }