:root{color-scheme:light;--ink:#182e24;--muted:#496450;--paper:#f4f2eb;--lime:#d5f48c}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.6 Arial,sans-serif}header,footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;max-width:1200px;margin:auto;padding:24px}header>a{font-size:25px;font-weight:700}header span{display:block;font-size:12px;font-weight:400}nav{display:flex;gap:16px;flex-wrap:wrap}a{color:inherit;text-underline-offset:5px}main{max-width:1200px;margin:auto;padding:0 24px 64px}.fo-hero{background:#13261c;color:#f4f6ef;border-radius:28px;padding:clamp(24px,5vw,60px);margin:24px 0 36px}.fo-hero p{max-width:68ch}.fo-hero .note{color:#c7d5c6}.kicker{font-size:12px;letter-spacing:.1em;font-weight:700}h1{font-size:clamp(38px,6vw,78px);line-height:1.05;letter-spacing:-.04em;overflow-wrap:anywhere}h2{font-size:clamp(27px,4vw,40px);line-height:1.15;letter-spacing:-.025em}.fo-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}#fo-progress,#fo-steps{grid-column:1/-1}#fo-progress{font-weight:700;margin:0}#fo-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}button,select{font:inherit}button{padding:14px 18px;background:var(--lime);border:1px solid #9dac83;color:var(--ink);border-radius:14px;font-weight:700;cursor:pointer;min-height:48px}#fo-steps button{background:#e4eadd;padding:12px 8px;font-size:14px}#fo-steps button[aria-current=step]{background:var(--ink);color:#f6f7ee}article,aside{padding:28px;border:1px solid #c4d0bd;border-radius:24px;background:#fff}aside{background:#e7eddc;align-self:start}label{display:block;font-weight:700;margin-top:24px}textarea,select{display:block;width:100%;max-width:100%;padding:16px;border:1px solid #97ab92;border-radius:14px;background:#fafbf7;color:var(--ink);font:inherit;line-height:1.5}select{margin:16px 0}.check{display:flex;align-items:flex-start;gap:12px;font-weight:400;margin:20px 0}.check input{flex-shrink:0;width:20px;height:20px;margin-top:4px;accent-color:var(--ink)}#fo-prompt{white-space:pre-wrap}details{margin:24px 0;padding:20px;border-radius:16px;background:#e9eefc;color:#1a2d29}summary{cursor:pointer;font-weight:700}details p{font-size:16px}.note{font-size:14px;color:var(--muted)}#fo-status{min-height:2em;font-weight:700}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #416834;outline-offset:4px}@media(max-width:760px){header,footer{padding:20px}main{padding:0 16px 40px}.fo-workspace{grid-template-columns:1fr}#fo-steps{grid-template-columns:repeat(4,minmax(0,1fr))}article,aside{padding:20px}.fo-hero{padding:24px;border-radius:20px}h1{font-size:40px}header nav{font-size:14px}article>button,aside>button{width:100%}}@media(prefers-reduced-motion:no-preference){article{animation:enter .3s ease-out}@keyframes enter{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}}
