:root{--bg:#fffaf1;--surface:#fffefd;--card:#fff7e8;--primary:#6b3d17;--accent:#ed9326;--text:#2f2a25;--muted:#70665c;--border:#eadcc8;--soft:#f8ead5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Noto Sans KR,sans-serif;line-height:1.72}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px}.skip:focus{left:8px;z-index:20}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{background:rgba(255,250,241,.96);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header-inner{min-height:72px;justify-content:space-between;gap:20px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:10px;font-weight:900;color:var(--primary)}.brand img{width:48px;height:48px;-o-object-fit:contain;object-fit:contain}.nav{display:flex;gap:18px;align-items:center;font-weight:700;color:#4c4037}.nav a[aria-current=page]{color:var(--accent)}.mobile-toggle{display:none}.mobile-toggle summary{align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border-radius:8px;cursor:pointer}.hero{padding:42px 0 32px;background:linear-gradient(180deg,#fff8ea,#fffaf1)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.hero h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.18;margin:0 0 16px;color:var(--primary);letter-spacing:0}.lead{font-size:1.08rem;color:#51463c}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:8px;background:var(--primary);color:#fff;font-weight:800;border:1px solid var(--primary)}.button.secondary{background:#fff;color:var(--primary);border-color:var(--border)}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.section{padding:34px 0}.section h2{font-size:1.65rem;margin:0 0 14px;color:var(--primary)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid.two{grid-template-columns:repeat(2,1fr)}.card h3{margin:0 0 8px;color:#3c2a1a}.muted{color:var(--muted)}.badge-list,.tag-list{display:flex;flex-wrap:wrap;gap:8px}.badge{border:1px solid var(--border);border-radius:999px;padding:4px 10px;background:#fff;color:#5d4939;font-size:.9rem}.article{width:min(840px,calc(100% - 32px));margin:0 auto;padding:30px 0}.article h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.22;color:var(--primary);letter-spacing:0}.article h2{margin-top:34px;color:#4a2e15}.article img.cover{border-radius:8px;background:#fff}.article img.cover,.toc{border:1px solid var(--border)}.toc{background:var(--card);border-radius:8px;padding:16px}.table-wrap{overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;min-width:720px;background:#fff}.compare-table td,.compare-table th{border:1px solid var(--border);padding:10px;text-align:left;vertical-align:top}.compare-table th{background:var(--soft)}.footer{background:#3d2818;margin-top:40px;padding:34px 0}.footer,.footer a{color:#fff4e6}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.notice{border-left:4px solid var(--accent);background:#fff7e8;padding:14px;border-radius:6px}.search-form{display:flex;gap:8px}.search-form input,.select,input[type=text]{width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;padding:10px;background:#fff}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.logo-mark{width:220px;margin:auto;display:block}.crumbs{font-size:.92rem;color:var(--muted);margin-bottom:18px}.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.site-error{padding:50px 0}@media(max-width:820px){.nav{display:none}.mobile-toggle{display:inline-flex}.nav.open{display:flex;position:absolute;left:16px;right:16px;top:72px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:14px;flex-direction:column;align-items:flex-start}.filters,.footer-grid,.grid,.grid.two,.hero-grid{grid-template-columns:1fr}.header-inner{position:relative}.search-form{flex-direction:column}}