@font-face{font-family:Instrument;src:url('assets/InstrumentSans-Regular.ttf')}@font-face{font-family:Editorial;src:url('assets/InstrumentSerif-Regular.ttf')}@font-face{font-family:Editorial;src:url('assets/InstrumentSerif-Italic.ttf');font-style:italic}
:root{--paper:#f5f1e8;--ink:#202421;--teal:#22b8b2;--petrol:#125c59;--line:#d4d6cd;--muted:#62675f;--apricot:#f0aa7c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Instrument,Arial,sans-serif}.preview{min-height:34px;background:#202421;color:#fff;padding:7px 28px;font-size:11px;letter-spacing:.1em;display:flex;gap:18px;justify-content:center}.preview span{letter-spacing:0;font-size:12px;color:#d8dfd7}.layout{min-height:calc(100dvh - 34px);display:grid;grid-template-columns:40% 60%}aside{background:var(--petrol);color:var(--paper);padding:36px clamp(28px,4.5vw,76px);display:flex;flex-direction:column;position:relative}.brand{font-size:29px;letter-spacing:-1.6px;text-decoration:none;color:inherit;font-weight:bold}.brand span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:4px}.intro{margin:70px 0 32px}.eyebrow,.kicker{font-size:11px;letter-spacing:.13em}.eyebrow{color:#b2dfd6}h1{font:clamp(42px,4.8vw,76px)/1.02 Editorial,Georgia,serif;font-weight:400;letter-spacing:-.02em;margin:25px 0}h1 em{color:var(--apricot);font-weight:400}.intro p{font-size:16px;color:#d3e5df;line-height:1.8}.author{display:flex;gap:15px;align-items:center;margin-top:auto;padding-top:20px}.author img{border-radius:50%;object-fit:cover}.author strong,.author span{display:block}.author span{font-size:13px;color:#c4dbd3}.note{font:23px/1.3 Editorial,Georgia,serif;margin-top:22px}.aside-bottom{border-top:1px solid #ffffff35;margin-top:32px;padding-top:18px;font-size:10px;letter-spacing:.1em}main{padding:40px clamp(26px,5vw,86px) 24px;display:flex;flex-direction:column;min-width:0}header{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}.progress{height:3px;background:#dce0d7;margin-top:18px}#bar{height:100%;background:var(--petrol);width:16.67%;transition:width .25s}form{max-width:650px;width:100%;margin:50px auto 36px}.kicker{color:var(--petrol);display:block;margin-bottom:14px}h2{font:clamp(36px,3.4vw,52px)/1.08 Editorial,Georgia,serif;font-weight:400;letter-spacing:-.015em;margin:0 0 16px;outline:none}.description{color:var(--muted);margin:0 0 28px;max-width:500px;font-size:15px}fieldset{padding:0;margin:0;border:0}legend{font-size:14px;margin-bottom:12px}.options{display:grid;gap:10px}.choice{position:relative;display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid #c3c9be;border-radius:5px;cursor:pointer;transition:background .15s,border-color .15s}.choice:hover{background:#eaece2;border-color:var(--petrol)}.choice:has(input:checked){background:#deebe1;border:1px solid var(--petrol);box-shadow:inset 3px 0 var(--petrol)}input[type=radio]{accent-color:var(--petrol);width:18px;height:18px;margin:0;flex-shrink:0}.choice strong{display:block;font-weight:400}.choice small{display:block;color:var(--muted);font-size:13px;margin-top:2px}label.field{display:block;font-size:14px;margin:20px 0 8px}input:not([type=radio]),textarea,select{width:100%;padding:14px 15px;background:#fbf9f3;color:var(--ink);border:1px solid #a8b2a4;border-radius:4px;font:16px/1.5 Instrument,Arial,sans-serif}textarea{resize:vertical;min-height:125px}::placeholder{color:#747b70}button{font:14px Instrument,Arial,sans-serif;cursor:pointer;min-height:48px;border-radius:4px}.next{background:var(--petrol);color:white;border:0;padding:14px 25px;display:flex;justify-content:space-between;gap:28px;align-items:center}.next:hover{background:#0c4946}.back{background:none;border:0;color:var(--muted);padding:10px 0}.back:hover{color:var(--ink)}nav{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:20px}.next:only-child{margin-left:auto}:focus-visible{outline:3px solid #d4864e;outline-offset:4px}#error{color:#a13328;font-size:14px;margin:14px 0 0}#error:empty{display:none}.hint{font-size:12px;color:var(--muted);margin:8px 0 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}footer{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:flex;gap:15px;justify-content:space-between;font-size:11px;color:var(--muted)}footer span:last-child{font-size:10px;letter-spacing:.08em}.review-row{padding:13px 0;border-bottom:1px solid var(--line)}.review-row dt{font-size:12px;color:var(--muted)}.review-row dd{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.review-row button{min-height:28px;border:0;background:none;color:var(--petrol);padding:4px 0;font-size:12px}.end-note{padding:20px;border-left:3px solid var(--teal);background:#e5eade;margin:25px 0}.end-note strong{display:block;margin-bottom:6px}.end-note p{margin:0;font-size:14px}.complete h2{font-size:60px} @media(min-width:1450px){main{padding-top:55px}form{margin-top:65px}}@media(max-width:800px){.layout{grid-template-columns:1fr}aside{padding:20px 24px}.brand{font-size:25px}.intro{margin:16px 0 0}.eyebrow,.intro p,.note,.aside-bottom,.author{display:none}h1{font-size:35px;margin:8px 0 4px}h1 br{display:none}h1 br:after{content:' '}main{padding:24px;min-height:650px}.preview{padding:8px 12px;display:block;text-align:center;font-size:10px}.preview span{display:block;font-size:11px}form{margin-top:32px}h2{font-size:39px}footer span:last-child{display:none}.two{grid-template-columns:1fr;gap:0}.complete h2{font-size:46px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
[hidden]{display:none!important} nav .next{margin-left:auto}

.bot-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}button:disabled{opacity:.6;cursor:wait}
