:root{--bg:#f7f8fa;--surface:#ffffff;--surface-alt:#f1f5f9;--text:#1a1d23;--muted:#64748b;--border:#e2e8f0;--accent:#2563eb;--accent-soft:#dbeafe;--hwp:#1d4ed8;--hwp-bg:#eff6ff;--hwp-border:#93c5fd;--word:#15803d;--word-bg:#f0fdf4;--word-border:#86efac;--r-sm:8px;--r:12px;--r-lg:16px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}ol,ul{list-style:none}img{display:block;max-width:100%}.site-wrap{display:flex;flex-direction:column;min-height:100dvh}.inner{width:min(880px,100% - 32px);margin-inline:auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;height:52px;gap:16px}.site-brand{display:flex;align-items:baseline;gap:8px}.site-brand strong{font-size:1rem;font-weight:800;letter-spacing:-.01em}.site-brand span{font-size:.82rem;color:var(--muted)}.site-nav{display:flex;gap:16px;font-size:.88rem;color:var(--muted)}.site-nav a:hover{color:var(--text)}.site-footer{margin-top:auto;border-top:1px solid var(--border);padding:20px 0}.site-footer .inner{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;color:var(--muted)}.page-shell{padding:28px 0 60px}.page-shell .inner>*+*{margin-top:16px}.hero{padding-bottom:20px}.hero .eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.hero h1{font-size:2rem;font-weight:900;line-height:1.15;letter-spacing:-.02em}.hero p{margin-top:10px;font-size:.96rem;color:var(--muted);max-width:600px}.search-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.search-controls{display:grid;grid-template-columns:1fr 160px;grid-gap:10px;gap:10px}.search-field label{display:block;font-size:.8rem;font-weight:700;color:var(--muted);margin-bottom:6px;letter-spacing:.03em;text-transform:uppercase}.search-field input,.search-field select{width:100%;height:48px;border:1.5px solid var(--border);border-radius:var(--r-sm);padding:0 14px;font-size:16px;background:var(--surface);color:var(--text);transition:border-color .15s}.search-field input:focus,.search-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chips button{height:34px;padding:0 13px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface-alt);color:var(--text);font-size:.85rem;cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap}.chips button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.result-count{margin-top:10px;font-size:.82rem;color:var(--muted)}.answer-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px}.answer-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.answer-meta,.tag{align-items:center}.tag{display:inline-flex;height:24px;padding:0 9px;border-radius:999px;font-size:.75rem;font-weight:700}.tag-category{background:var(--surface-alt);color:var(--muted)}.tag-ok{background:#dcfce7;color:#15803d}.tag-partial{background:#fef9c3;color:#a16207}.tag-hard{background:#fee2e2;color:#dc2626}.answer-title{font-size:1.4rem;font-weight:800;line-height:1.25;letter-spacing:-.01em}.answer-desc{margin-top:6px;font-size:.93rem;color:var(--muted);line-height:1.65}.compare-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:16px}.compare-panel{border-radius:var(--r);padding:16px;border:1.5px solid var(--border)}.compare-panel.hwp-panel{background:var(--hwp-bg);border-color:var(--hwp-border)}.compare-panel.word-panel{background:var(--word-bg);border-color:var(--word-border)}.app-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.hwp-panel .app-badge{background:var(--hwp);color:#fff}.word-panel .app-badge{background:var(--word);color:#fff}.shortcut-key{display:inline-block;margin-bottom:8px;padding:5px 10px;border:solid;border-width:1.5px 1.5px 3px;border-radius:var(--r-sm);font:700 .88rem ui-monospace,SF Mono,Consolas,monospace;letter-spacing:.03em}.hwp-panel .shortcut-key{color:var(--hwp);background:#dbeafe;border-color:#93c5fd}.word-panel .shortcut-key{color:var(--word);background:#dcfce7;border-color:#86efac}.feature-name{display:block;font-size:.95rem;font-weight:700;margin-bottom:4px}.menu-path{font-size:.82rem;color:var(--muted);margin-bottom:10px}.step-list{padding-left:18px;list-style:decimal}.step-list li{font-size:.88rem;line-height:1.6;color:var(--text)}.step-list li+li{margin-top:4px}.diff-note{margin-top:14px;padding:12px 14px;background:var(--surface-alt);border-radius:var(--r-sm);font-size:.88rem;line-height:1.65;color:var(--text)}.diff-label{display:inline-block;margin-right:6px;font-weight:800;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.detail-btn{display:flex;align-items:center;justify-content:center;margin-top:16px;height:42px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent);font-size:.92rem;font-weight:800;transition:background .15s}.detail-btn:hover{background:#bfdbfe}.empty-state{padding:28px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;color:var(--muted)}.empty-state h3{font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:8px}.empty-state p{font-size:.9rem;line-height:1.65}.empty-state p+p{margin-top:4px}.entry-list{display:grid;grid-gap:8px;gap:8px;margin-top:8px}.entry-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;transition:border-color .15s,box-shadow .15s}.entry-card:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.entry-cat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:4px}.entry-title{font-size:.95rem;font-weight:700;margin-bottom:3px}.entry-summary{font-size:.85rem;color:var(--muted);line-height:1.55}.section-title{font-size:1.25rem;font-weight:800;margin-bottom:12px;margin-top:32px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.category-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px;transition:border-color .15s}.category-card:hover{border-color:var(--accent)}.category-card strong{display:block;font-size:.92rem;font-weight:700;margin-bottom:4px}.category-card p{font-size:.8rem;color:var(--muted);line-height:1.5}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:.88rem;color:var(--muted);margin-bottom:16px}.back-link:hover{color:var(--text)}.detail-hero{margin-bottom:4px}.detail-title{font-size:1.75rem;font-weight:900;line-height:1.2;letter-spacing:-.02em;margin-top:8px}.detail-desc{margin-top:8px;font-size:.95rem;color:var(--muted);line-height:1.65}.detail-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;margin-top:12px}.detail-block-title{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:14px}.shortcut-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.shortcut-card{display:grid;grid-gap:5px;gap:5px;padding:12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-alt)}.shortcut-card-app{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.shortcut-card-label{font-size:.92rem;font-weight:700}.shortcut-card-key{display:inline-block;width:-moz-fit-content;width:fit-content;padding:3px 8px;border:solid var(--hwp-border);border-width:1.5px 1.5px 3px;border-radius:6px;font:700 .82rem ui-monospace,SF Mono,Consolas,monospace;color:var(--hwp);background:var(--hwp-bg)}.shortcut-card-note{font-size:.84rem;color:var(--muted);line-height:1.55}.info-grid{display:grid;grid-gap:10px;gap:10px}.info-card{padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-alt);font-size:.9rem;line-height:1.65}.info-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}.question-list{display:flex;flex-wrap:wrap;gap:8px}.question-list li{padding:6px 12px;border:1px solid var(--border);border-radius:999px;font-size:.85rem;background:var(--surface-alt);color:var(--muted)}.version-note{font-size:.88rem;color:var(--muted);line-height:1.65;margin-bottom:12px}.ref-links{display:flex;flex-wrap:wrap;gap:8px}.ref-link{display:inline-flex;align-items:center;height:34px;padding:0 13px;border:1.5px solid var(--accent-soft);border-radius:999px;font-size:.84rem;font-weight:700;color:var(--accent);background:var(--accent-soft);transition:background .15s}.ref-link:hover{background:#bfdbfe}.legal-page{padding-top:32px}.legal-page h1{font-size:1.6rem;font-weight:900;margin-bottom:20px}.legal-page section{margin-bottom:28px}.legal-page h2{font-size:1rem;font-weight:800;margin-bottom:8px}.legal-page p{font-size:.9rem;color:var(--muted);line-height:1.7}.not-found-page{padding:60px 0;text-align:center}.not-found-page h1{font-size:2rem;font-weight:900;margin-bottom:12px}.not-found-page p{font-size:.95rem;color:var(--muted)}@media (max-width:680px){.page-shell{padding:16px 0 48px}.page-shell .inner>*+*{margin-top:12px}.site-brand span{display:none}.site-header .inner{height:48px}.hero{padding-bottom:12px}.hero h1{font-size:1.45rem}.hero p{display:none}.search-panel{padding:14px;border-radius:var(--r)}.search-controls{grid-template-columns:1fr;gap:8px}.chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;gap:6px}.chips button{flex:0 0 auto;height:38px;font-size:.84rem}.answer-card{padding:16px;border-radius:var(--r)}.answer-title{font-size:1.15rem}.answer-desc{font-size:.9rem}.compare-grid{grid-template-columns:1fr;gap:8px}.compare-panel{padding:14px}.feature-name{font-size:.92rem}.menu-path{font-size:.8rem}.diff-note,.step-list li{font-size:.87rem}.diff-note{padding:11px 12px}.entry-card{padding:12px 14px}.entry-title{font-size:.92rem}.entry-summary{font-size:.83rem}.section-title{font-size:1.1rem;margin-top:24px}.category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.category-card{padding:12px}.category-card strong{font-size:.88rem}.category-card p{font-size:.78rem}.detail-title{font-size:1.35rem}.detail-block{padding:14px}.shortcut-grid{grid-template-columns:1fr 1fr;gap:8px}.shortcut-card{padding:10px}.shortcut-card-label{font-size:.88rem}.shortcut-card-note{font-size:.82rem}.info-card{font-size:.88rem}.question-list li{font-size:.82rem;padding:5px 11px}.site-footer .inner{flex-direction:column;align-items:flex-start}}