/* Inherits the compact controller's neutral/green visual language. */
:root{--paper:#fafcfb;--surface:#f0f4f1;--ink:#202b26;--muted:#56645c;--line:#c8d2cb;--accent:#196344;--tint:#e5f0e9;--white:#fff;--focus:#175f95;font:16px/1.75 "Segoe UI","Malgun Gothic",sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth;scroll-padding-top:0px}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,select{font:inherit}button{border:1px solid var(--line);border-radius:5px;background:var(--white);color:var(--ink);padding:7px 14px;cursor:pointer}button:hover{background:var(--tint);border-color:var(--accent)}button:active{background:#d3e5d9}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{background:#c6e6d3;color:#153f2b}.skip{position:fixed;left:18px;top:-80px;z-index:10;background:var(--white);padding:12px}.skip:focus{top:12px}.top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;color:var(--ink);text-decoration:none}.brand svg{color:var(--accent)}.brand-sub{font-size:14px;font-weight:400;color:var(--muted);margin-left:6px}.header-actions{display:flex;align-items:center;gap:16px}.version{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}#menu{display:none}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);max-width:1320px;margin:0 auto}nav{padding:34px 26px 28px;position:sticky;top:76px;height:calc(100vh - 76px);overflow:auto;border-right:1px solid var(--line)}.nav-title{font-weight:700;margin:0 0 17px}nav>a{display:block;color:var(--muted);text-decoration:none;padding:8px 10px;margin:3px -10px;border-radius:4px;font-size:14px}nav>a:hover,nav>a[aria-current]{background:var(--tint);color:var(--accent)}nav>a[aria-current]{font-weight:600}.nav-note{font-size:12px;color:var(--muted);margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}main{min-width:0;padding:48px 52px 20px}section{padding:0 0 45px;margin-bottom:40px;border-bottom:1px solid var(--line);scroll-margin-top:100px}h1,h2,h3{line-height:1.4;letter-spacing:-.025em;word-break:keep-all}h1{font-size:36px;margin:0 0 16px}h2{font-size:25px;margin:0 0 16px}h3{font-size:17px;margin:0 0 8px}p{margin:0 0 18px;max-width:74ch;overflow-wrap:break-word}.lead{font-size:18px;color:var(--muted);line-height:1.75}.muted{font-size:14px;color:var(--muted)}.quick-path{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:30px 0 32px;gap:12px}.quick-path a{display:flex;align-items:center;gap:10px;font-size:15px;text-decoration:none;font-weight:600}.quick-path a span{color:var(--muted);font-variant-numeric:tabular-nums}.quick-path svg{width:16px;flex:0 0 16px;fill:none;stroke:var(--muted);stroke-width:1.5}.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.9fr);gap:32px;align-items:start}.intro h2{font-size:20px}.checklist{padding-left:21px;margin:0 0 18px}.checklist li{padding-left:2px;margin:9px 0}.note{padding:18px 20px;background:var(--surface);border-radius:6px;font-size:14px}.note p{margin:5px 0 0}.intro figure{margin:0}figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:5px}figcaption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:9px}.steps{list-style:none;counter-reset:steps;margin:24px 0 0;padding:0}.steps>li{counter-increment:steps;position:relative;padding:0 0 21px 43px}.steps>li:before{content:counter(steps);position:absolute;left:0;top:0;color:var(--accent);font-weight:700;border:1px solid var(--line);border-radius:50%;width:28px;height:28px;text-align:center;line-height:26px;font-size:14px}.steps p{margin-bottom:0}.setting-row{display:grid;grid-template-columns:155px minmax(0,1fr);gap:0 24px;padding:22px 0;border-top:1px solid var(--line)}.setting-row h3{grid-row:span 2}.setting-row p:last-child{margin-bottom:0}code{font-family:Consolas,monospace;font-size:.88em;background:var(--surface);border-radius:3px;padding:2px 5px;overflow-wrap:anywhere}kbd{font:inherit;font-size:12px;line-height:1.5;border:1px solid var(--line);border-radius:3px;padding:2px 5px;background:var(--white);white-space:nowrap}details{border-top:1px solid var(--line);padding:0}details:last-child{border-bottom:1px solid var(--line)}summary{padding:17px 0;font-weight:600;cursor:pointer;list-style-position:inside}summary:hover{color:var(--accent)}details>p,details>ol{margin:0 0 20px 20px;font-size:15px}details>ol{padding-left:22px}details li{margin-bottom:7px}.frame-diagram{display:flex;align-items:center;max-width:510px;margin:26px auto 34px;gap:12px}.frame-diagram>div{display:grid;text-align:center;border:1px solid var(--line);border-radius:5px;width:115px;padding:12px}.frame-diagram b{font-size:23px}.frame-diagram span{font-size:12px;color:var(--muted)}.frame-diagram .middle{background:var(--tint);border-color:var(--accent);color:var(--accent)}.frame-diagram .line{flex:1;height:1px;background:var(--line)}.rate-tool{background:var(--surface);border-radius:6px;display:flex;align-items:center;gap:20px;padding:18px 22px;margin-bottom:10px}.rate-tool label{font-size:14px;font-weight:600}.rate-tool select{padding:8px 32px 8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink);max-width:100%}.rate-tool>div{margin-left:auto;display:grid;line-height:1.5}.rate-tool>div span{font-size:12px;color:var(--muted)}output{font-weight:700;font-size:19px;color:var(--accent);font-variant-numeric:tabular-nums}.table-wrap{overflow:auto;margin:24px 0}table{border-collapse:collapse;width:100%;font-size:15px}caption{text-align:left;font-weight:600;margin-bottom:12px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:var(--surface)}tbody th{width:40%;font-weight:500}.pipeline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:24px 0;font-size:14px}.pipeline strong{color:var(--accent)}footer{display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:12px}footer a{white-space:nowrap}nav{scrollbar-color:#a9b9af var(--surface);scrollbar-width:thin}
@media(max-width:1080px){main{padding:38px 30px}.layout{grid-template-columns:205px minmax(0,1fr)}nav{padding:28px 20px}.intro-grid{grid-template-columns:1fr}.intro figure{max-width:380px}.rate-tool{flex-wrap:wrap}}
@media(max-width:700px){.top{height:65px;padding:0 18px}.brand{font-size:18px;gap:8px}.brand-sub,.version{display:none}.header-actions{gap:8px}button{font-size:13px;padding:8px 10px}#menu{display:block}.layout{display:block}nav{position:static;height:auto;padding:22px;border-right:0;border-bottom:1px solid var(--line)}.js nav{display:none}.js nav.open{display:block}.nav-note{margin-top:14px;padding-top:14px}main{padding:30px 22px}h1{font-size:29px}h2{font-size:23px}.lead{font-size:16px}.quick-path{gap:5px;align-items:start}.quick-path a{font-size:13px;gap:5px}.quick-path svg{width:12px;flex-basis:12px;margin-top:6px}.intro-grid{gap:25px}.setting-row{display:block}.setting-row h3{margin-bottom:10px}.rate-tool{gap:12px;padding:17px}.rate-tool label{width:100%}.rate-tool>div{margin-left:auto}section{scroll-margin-top:85px;margin-bottom:30px;padding-bottom:30px}th,td{padding:12px 10px}footer{display:block}.steps>li{padding-left:38px}p,li{word-break:keep-all;overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
@media print{.top,nav,.skip,.header-actions{display:none!important}:root{font-size:11pt;background:white;color:black}.layout{display:block}main{padding:0;max-width:none}section{break-inside:auto;margin-bottom:20px;padding-bottom:20px}.intro-grid{grid-template-columns:1fr 250px}a{color:inherit}h2,h3{break-after:avoid}.steps>li,figure,.note,.rate-tool,details{break-inside:avoid}.quick-path{display:none}details>p{display:block}.table-wrap{overflow:visible}footer{margin-top:25px}.rate-tool select{border:0}button{display:none}}

.options-figure{max-width:520px;margin:24px 0}p,li{word-break:keep-all}