:root{--ink:#18394b;--paper:#f7f5ef;--orange:#df7138;--muted:#58696c;--line:#d5dcd6;--soft:#e7ebe3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Apple SD Gothic Neo','Noto Sans KR',sans-serif;line-height:1.65}
a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #c25728;outline-offset:4px}p,li{word-break:keep-all}
.wrap{max-width:1220px;margin:auto;padding:0 44px}
.site-header{height:100px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:var(--paper)}.site-header .wrap{width:100%}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;width:168px}.brand img{display:block;width:100%;height:auto}
.nav{display:flex;gap:30px;align-items:center;font-size:14px}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}
.nav-cta{border:1px solid var(--ink);padding:9px 17px;border-radius:3px}.nav-cta:hover{background:var(--ink);color:#fff;text-decoration:none!important}
.btn{display:inline-flex;align-items:center;gap:30px;padding:17px 23px;border-radius:4px;background:var(--ink);color:#fff;font-weight:600;text-decoration:none;border:0;font:inherit;cursor:pointer}.btn:hover{background:#28546b}
main{padding:60px 0 80px}main .wrap{max-width:860px}
.kicker{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#7d4b2b}
h1{font-size:clamp(32px,3.6vw,46px);line-height:1.25;letter-spacing:-.05em;font-weight:650;margin:14px 0 12px}h2{font-size:26px;letter-spacing:-.045em;line-height:1.35;margin:44px 0 12px;padding-top:22px;border-top:2px solid var(--ink)}h3{font-size:17px;letter-spacing:-.03em;margin:0 0 8px}
.meta{color:var(--muted);font-size:14px;margin:0 0 28px}.meta code{font-family:inherit;background:var(--soft);padding:1px 6px}
.answer-first{background:#fff;border-left:3px solid var(--orange);padding:20px 24px;margin:0 0 8px;font-size:17px}.answer-first strong{display:block;margin-bottom:6px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#7d4b2b}
.box{background:#fff;border:1px solid var(--line);padding:18px 22px;margin:12px 0;font-size:15px}.box ul{margin:0;padding-left:20px}.box li{margin:6px 0}
.box.warn{background:#fff3e4;border:0;border-left:3px solid var(--orange)}.box.unknown{background:transparent;border-style:dashed}
.cta{margin-top:56px;padding:35px 38px;background:var(--soft)}.cta h2{margin-top:0;border:0;padding-top:0;font-size:29px}.cta p{margin:0 0 20px;color:var(--muted)}.cta small{display:block;margin-top:16px;color:var(--muted);font-size:13px}
.post-list{list-style:none;padding:0;margin:0;display:grid;gap:0}.post-list li{border-top:2px solid var(--ink);padding:24px 0 28px}.post-list a{font-weight:650;font-size:22px;letter-spacing:-.03em;text-decoration:none}.post-list a:hover{text-decoration:underline}.post-list p{margin:8px 0 0;color:var(--muted);font-size:15px}.post-list .meta{margin:8px 0 0;font-size:13px}
.footer{border-top:1px solid var(--line);padding:30px 0;font-size:12px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer img{display:block;width:118px;height:auto;margin-bottom:8px}.footer a{text-decoration:none;border-bottom:1px solid currentColor}
table{border-collapse:collapse;width:100%;font-size:14px;margin:8px 0;background:#fff}th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}th{background:var(--soft);font-weight:600}
@media(max-width:760px){.wrap{padding:0 22px}.site-header{height:80px}.brand{width:138px}.nav{gap:16px}.nav a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:8px 12px}main{padding:45px 0 60px}h2{font-size:22px}.cta{padding:25px}.footer-inner{display:block}.post-list a{font-size:19px}table{display:block;overflow-x:auto}}