:root{color-scheme:light dark;--bg:#f7f8fa;--surface:#fff;--text:#17212b;--muted:#465566;--line:#cbd4dd;--accent:#12674c;--tint:#e6f2eb}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.6 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
main{width:min(74rem,100%);margin-inline:auto;padding:1.75rem 2rem 4rem}
a{color:var(--accent);text-underline-offset:.2em;overflow-wrap:anywhere}
button,select,input{font:inherit}
button,select{min-height:2.75rem;max-width:100%;border:1px solid var(--line);border-radius:.4rem;padding:.6rem .85rem;background:var(--surface);color:var(--text)}
button{cursor:pointer;font-weight:600}
button:disabled,select:disabled{cursor:default;opacity:.6}
button:not(.quiet):not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}
button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #c58600;outline-offset:3px}
.guide-top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding-block-end:1.5rem;border-bottom:1px solid var(--line)}
.brand{font-size:1.55rem;font-weight:800;color:var(--text);text-decoration:none;direction:ltr}
.brand span{color:var(--accent)}
nav{display:flex;gap:1.5rem;flex-wrap:wrap}
.locale-control{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}
.locale-control select{width:12rem}
.intro{max-width:53rem;padding-block:1.6rem .5rem}
h1{font-size:clamp(1.65rem,4vw,2.7rem);line-height:1.25;margin:.4rem 0 1rem;font-weight:700}
h2{font-size:1.25rem;line-height:1.5;margin:0 0 1rem}
p{overflow-wrap:anywhere}
.scope-note{color:var(--muted);font-size:.9rem}
.status{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.9rem;margin:0}
.status-dot{width:.5rem;height:.5rem;background:#8b6200;border-radius:50%;flex:none}
.progress{display:flex;gap:.5rem;align-items:center;margin:1rem 0}
.rail{margin-inline-start:1rem;flex:1;max-width:12rem;height:4px;background:var(--line)}
.rail i{display:block;height:100%;width:33.333%;background:var(--accent)}
#guide-workspace[data-step="2"] .rail i{width:66.666%}
#guide-workspace[data-step="3"] .rail i{width:100%}
.guide-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.47fr);gap:1.5rem}
.guide-panel,.guide-boundaries{padding:1.7rem;background:var(--surface);border:1px solid var(--line);border-radius:.6rem;min-width:0}
.guide-boundaries{background:var(--tint);align-self:start}
.guide-panel select{display:block;width:100%;margin:.5rem 0 1rem}
#provider-details{border-block-start:1px solid var(--line);margin-block-start:1rem;padding-block-start:.2rem}
.guide-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-block-start:1.7rem;padding-block-start:1.25rem;border-block-start:1px solid var(--line)}
.acknowledgement{display:flex;align-items:flex-start;gap:.7rem;padding:.5rem 0}
.acknowledgement input{width:1.3rem;height:1.3rem;flex:none;margin-block-start:.2rem;accent-color:var(--accent)}
#guide-error{padding:1rem;border:1px solid #9b332d}
#plan-checks{border-inline-start:3px solid var(--accent);padding-inline-start:1rem}
@media(prefers-color-scheme:dark){:root{--bg:#11181e;--surface:#1b252d;--text:#eaf0f4;--muted:#b9c6d1;--line:#536574;--accent:#8adbaf;--tint:#1b3029}button:not(.quiet):not(:disabled){color:#102a1d}.status-dot{background:#d3b267}}
@media(max-width:700px){main{padding:1rem 1rem 3rem}.guide-top{gap:1rem}.guide-grid{grid-template-columns:1fr}.guide-panel,.guide-boundaries{padding:1.15rem}.guide-actions button{flex:1 1 auto}.locale-control{width:100%}.locale-control select{flex:1;min-width:0}.intro{padding-block-start:1.25rem}}