:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#111315;--surface:#181b1f;--line:#333841;--text:#f2f3f5;--muted:#b9bec7;--accent:#ff916e;font-family:Pretendard,Noto Sans KR,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}body{color:var(--text);background:var(--background);margin:0;line-height:1.65}a{color:var(--accent);text-underline-offset:.25em}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.guide-header,.guide-main,.guide-footer{width:min(880px,100% - 36px);margin-inline:auto}.guide-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-block:19px;display:flex}.guide-brand{color:var(--text);font-size:1.35rem;font-weight:850;text-decoration:none}.guide-main{padding-block:clamp(25px,6vw,65px) 40px}.guide-kicker{color:var(--accent);margin:0 0 9px;font-size:.87rem;font-weight:700}h1{letter-spacing:-.065em;word-break:keep-all;margin:0;font-size:clamp(2rem,5.5vw,3.8rem);line-height:1.12}h2{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(1.2rem,3vw,1.65rem);line-height:1.35}.guide-intro{max-width:640px;color:var(--muted);margin-block:17px 28px}.guide-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:clamp(18px,4vw,28px)}.guide-inputs,.guide-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.guide-inputs label{font-size:.9rem;font-weight:650}input{background:var(--background);width:100%;min-height:46px;color:var(--text);border:1px solid var(--line);font:inherit;border-radius:7px;margin-top:7px;padding:9px 11px;display:block}button{background:var(--accent);color:#171210;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 17px;font-weight:800}.guide-note{color:var(--muted);font-size:.9rem}.guide-card>:last-child{margin-bottom:0}.guide-metrics{margin:22px 0 8px}.guide-metrics>div{background:var(--background);border-radius:8px;padding:12px}.guide-metrics dt{color:var(--muted);font-size:.85rem}.guide-metrics dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:clamp(1.13rem,3vw,1.65rem);font-weight:800}.guide-article{margin:35px 0 28px}.guide-article ol{padding-left:1.45rem}.guide-article li+li{margin-top:12px}.guide-example{border-left:3px solid var(--accent);background:var(--surface);padding:13px 16px}.guide-example p{margin:4px 0 0}.guide-next a{font-weight:700;display:inline-block}.guide-footer{border-top:1px solid var(--line);color:var(--muted);padding-block:15px 24px;font-size:.86rem}.guide-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=620px){.guide-inputs{grid-template-columns:1fr}.guide-metrics{gap:5px}.guide-metrics>div{padding:8px}.guide-wide{display:none}.guide-header{font-size:.84rem}}
