:root{color-scheme:light;--paper:#f5f4ef;--surface:#fffefa;--ink:#23313b;--muted:#59676d;--line:#d9dfdc;--blue:#42687c;--blue-dark:#274d61;--blue-wash:#e8eff0;--clay:#a9533d;--clay-wash:#f3e8e1;--content:72rem;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:6rem}body{min-width:320px;margin:0}a{color:var(--blue-dark);text-underline-offset:.2em}a:hover{color:var(--clay)}a:focus-visible,button:focus-visible{outline:3px solid var(--clay);outline-offset:4px}button,input,select,textarea{font:inherit}.page-width{width:min(var(--content), calc(100% - 3rem));margin-inline:auto}.skip-link{z-index:5;color:#fff;background:var(--blue-dark);border-radius:.3rem;padding:.75rem 1rem;position:absolute;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);background:#fffefaf0}.header-inner{justify-content:space-between;align-items:center;gap:2rem;min-height:5.25rem;display:flex}.wordmark{flex-direction:column;flex:none;gap:.2rem;text-decoration:none;display:inline-flex}.wordmark-name{color:var(--ink);letter-spacing:.06em;font-size:1rem;font-weight:760}.wordmark-detail{color:var(--muted);letter-spacing:.14em;font-size:.58rem;font-weight:650}.primary-nav,.footer-nav{flex-wrap:wrap;align-items:center;gap:.4rem 1.3rem;display:flex}.primary-nav a,.footer-nav a{color:var(--ink);font-size:.88rem;font-weight:570;text-decoration:none}.primary-nav a:hover,.footer-nav a:hover{color:var(--clay);text-decoration:underline}.hero{background:var(--surface);padding-block:clamp(4rem,9vw,7.25rem) clamp(4.5rem,8vw,6.5rem)}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);align-items:center;gap:clamp(2.5rem,7vw,6rem);display:grid}.eyebrow,.section-kicker{color:var(--blue-dark);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem;font-size:.72rem;font-weight:750}.hero h1,.article-header h1{letter-spacing:-.065em;text-wrap:balance;max-width:14ch;margin:0;font-size:clamp(2.65rem,6vw,5.2rem);font-weight:720;line-height:1.13}.hero h1 em{color:var(--clay);font-style:normal}.hero-copy{max-width:39rem;color:var(--muted);text-wrap:pretty;margin:1.5rem 0 0;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.85}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.button-link{border:1px solid var(--blue-dark);color:#fff;background:var(--blue-dark);border-radius:.25rem;justify-content:center;align-items:center;min-height:2.9rem;padding:.7rem 1.1rem;font-size:.93rem;font-weight:680;text-decoration:none;display:inline-flex}.button-link:hover{border-color:var(--clay);color:#fff;background:var(--clay)}.button-link.secondary{color:var(--blue-dark);background:0 0}.button-link.secondary:hover{color:#fff;background:var(--blue-dark)}.method-panel{border:1px solid var(--line);border-top:4px solid var(--blue);background:#f7f8f5;padding:clamp(1.25rem,3vw,2rem)}.method-panel>p{color:var(--muted);letter-spacing:.1em;margin:0 0 1.25rem;font-size:.8rem;font-weight:720}.method-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.method-list li{border-top:1px solid var(--line);grid-template-columns:2.25rem minmax(0,1fr);gap:.8rem;padding:.9rem 0;display:grid}.method-list li:first-child{border-top:0}.step-number{color:var(--clay);letter-spacing:.08em;font-size:.78rem;font-weight:780}.method-list strong,.method-list span:last-child{display:block}.method-list strong{margin-bottom:.2rem;font-size:.96rem}.method-list span:last-child{color:var(--muted);font-size:.82rem;line-height:1.6}.content-section{padding-block:clamp(4rem,8vw,6.5rem)}.content-section.surface{background:var(--surface)}.section-header{max-width:48rem;margin-bottom:2.25rem}.section-header h2,.article-section h2{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(1.8rem,3.5vw,2.65rem);font-weight:690;line-height:1.3}.section-header p:not(.section-kicker){max-width:42rem;color:var(--muted);margin:.85rem 0 0;line-height:1.8}.workflow-grid,.category-grid,.zone-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.workflow-card,.category-card,.zone-card{border:1px solid var(--line);background:var(--surface);min-width:0;padding:1.35rem}.workflow-card:nth-child(2n){background:#f0f4f3}.card-label{color:var(--clay);letter-spacing:.12em;margin-bottom:.9rem;font-size:.72rem;font-weight:770;display:block}.workflow-card h3,.category-card h3,.zone-card h3{letter-spacing:-.025em;margin:0 0 .55rem;font-size:1.05rem;font-weight:700}.workflow-card p,.category-card p,.zone-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.75}.category-blocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.category-blocks h3{margin:0 0 1rem;font-size:1.06rem}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card{padding:1rem}.category-card h3{margin:0;font-size:.94rem}.measure-band{border-left:4px solid var(--clay);background:var(--clay-wash);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,7vw,6rem);padding:clamp(1.5rem,4vw,3rem);display:grid}.measure-band h2{letter-spacing:-.045em;max-width:15ch;margin:0;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.3}.measure-band p{color:#4e5354;margin:0;line-height:1.85}.measure-band p+p{margin-top:.8rem}.zone-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.zone-card{border-top:3px solid var(--blue)}.zone-card:nth-child(2n){border-top-color:var(--clay)}.decision-note{border:1px solid var(--line);background:var(--surface);align-items:flex-start;gap:1rem;margin-top:2rem;padding:1.25rem 1.4rem;display:flex}.decision-note p{color:var(--muted);margin:0;line-height:1.75}.decision-note strong{color:var(--ink);flex:none}.article-shell{background:var(--surface);min-height:60vh;padding-block:clamp(3.5rem,7vw,6rem)}.article{max-width:52rem}.article-header{border-bottom:1px solid var(--line);padding-bottom:2rem}.article-header h1{max-width:19ch;font-size:clamp(2.3rem,5vw,4rem)}.article-intro{max-width:44rem;color:var(--muted);margin:1rem 0 0;font-size:1.06rem;line-height:1.8}.article-section{margin-top:2.25rem}.article-section h2{margin-bottom:.8rem;font-size:1.35rem}.article-section p,.article-section li{color:#46545a;line-height:1.85}.article-section p{margin:.6rem 0}.article-section ul,.article-section ol{padding-left:1.35rem}.article-section li+li{margin-top:.45rem}.inline-note{border-left:3px solid var(--blue);background:var(--blue-wash);color:var(--ink);margin-top:1.25rem;padding:1rem 1.15rem;line-height:1.75}.site-footer{border-top:1px solid var(--line);background:#eceee9;padding-block:2.5rem}.footer-inner{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.3rem 3rem;display:grid}.footer-about p{max-width:27rem;color:var(--muted);margin:.8rem 0 0;font-size:.84rem;line-height:1.7}.footer-nav{justify-content:flex-end;padding-top:.2rem}.footer-nav a{font-size:.82rem}.footer-note{color:var(--muted);border-top:1px solid #d3d9d4;grid-column:1/-1;padding-top:1rem;line-height:1.6}@media (width<=56rem){.hero-grid{grid-template-columns:minmax(0,1fr)}.method-panel{max-width:38rem}.workflow-grid,.zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-blocks{grid-template-columns:minmax(0,1fr);gap:1.8rem}}@media (width<=38rem){.page-width{width:min(var(--content), calc(100% - 2rem))}.header-inner{flex-direction:column;align-items:flex-start;gap:.9rem;min-height:auto;padding-block:1rem}.primary-nav{gap:.45rem 1rem}.primary-nav a{font-size:.8rem}.hero{padding-top:3.5rem}.workflow-grid,.zone-grid{grid-template-columns:minmax(0,1fr)}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.measure-band{grid-template-columns:minmax(0,1fr);gap:1rem}.decision-note{flex-direction:column;gap:.5rem}.footer-inner{grid-template-columns:minmax(0,1fr)}.footer-nav{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}