/* 가전에러코드: 서비스 매뉴얼 느낌 — 밝은 바탕, 강철 파랑, 코드는 고정폭 배지 */
:root{--ink:#14202e;--sub:#5a6878;--line:#d6dde6;--bg:#f6f8fa;--accent:#0b5cab;--accent-soft:#e8f1fa;--warn:#9a5b00;--warn-bg:#fff6e6;--warn-line:#e7b45a}
*{box-sizing:border-box}
body{font:16px/1.75 "Pretendard","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",-apple-system,sans-serif;margin:0;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
header{background:#fff;border-bottom:1px solid var(--line);max-width:none;padding:0}
header a{display:block;max-width:760px;margin:0 auto;padding:16px;font-weight:800;font-size:1.1rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
header a::before{content:"";display:inline-block;width:10px;height:10px;background:var(--accent);margin-right:10px;vertical-align:1px}
main,footer{max-width:760px;margin:0 auto;padding:22px 16px}
h1{font-size:clamp(1.55rem,5vw,2.1rem);line-height:1.25;letter-spacing:-.035em;margin:.4em 0 .6em}
h2{margin-top:2em;font-size:.82rem;letter-spacing:.08em;color:var(--sub);border-top:2px solid var(--ink);padding-top:12px}
p{margin:.6em 0}
.alert{background:var(--warn-bg);border:1px solid var(--warn-line);border-left:5px solid var(--warn);color:#4a3000;padding:12px 16px;margin:1.2em 0;border-radius:2px;font-size:.95rem}
.alert::before{content:"주의";margin-right:12px;font-weight:800;color:var(--warn)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:0;list-style:none;margin:1em 0}
.grid a{display:block;height:100%;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:4px;text-decoration:none;color:var(--ink);transition:border-color .12s,box-shadow .12s}
.grid a:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.grid b{display:inline-block;font:700 1.15rem/1.3 ui-monospace,"Cascadia Mono",Consolas,monospace;color:var(--accent);background:var(--accent-soft);padding:1px 8px;border-radius:3px;margin:3px 0}
.grid small{color:var(--sub);font-size:.8rem}
input{width:100%;height:52px;padding:0 16px;font-size:1.05rem;font-family:inherit;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:4px;margin:10px 0}
input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
a{color:var(--accent);text-underline-offset:3px}
main>p a{display:inline-block;margin:2px 0}
small{color:var(--sub)}
footer{font-size:.85rem;color:var(--sub);border-top:1px solid var(--line);margin-top:2em;line-height:1.9}
ul{padding-left:1.2em}li{margin:.35em 0}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}