:root{--ink:#16384a;--muted:#526973;--line:#d7dfdf;--cream:#f4f5f1;--teal:#245b60}*{box-sizing:border-box}body{margin:0;background:#fbfcfa;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit}button,select,input{font:inherit}button,select{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a3742c;outline-offset:4px}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:5}.skip:focus{top:0}.draft{background:#eae2cc;color:#594b2d;text-align:center;padding:9px 20px;font-size:12px}header{display:flex;justify-content:space-between;align-items:center;padding:25px 6%;border-bottom:1px solid var(--line);gap:20px}.brand{text-decoration:none;font-size:23px;letter-spacing:-.5px}.brand span{display:block;font-size:9px;letter-spacing:3px;margin-top:3px}header>a:last-child{font-size:13px}main{max-width:1250px;padding:0 50px;margin:auto}.intro{padding:70px 0 48px;display:grid;grid-template-columns:1fr 260px;gap:70px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;margin:0 0 23px}h1,h2,h3{font-weight:400;line-height:1.15;margin-top:0}h1{font-family:Georgia,serif;font-size:64px;letter-spacing:-2px;margin-bottom:24px}.lead{font-size:18px;color:var(--muted);max-width:650px}.intro-note{align-self:center;border-left:1px solid var(--line);padding-left:35px;display:grid;grid-template-columns:25px 1fr;gap:16px}.intro-note span{font-size:11px;color:var(--teal);padding-top:4px}.intro-note p{margin:0;font-size:14px}.workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:7px;overflow:hidden}.choices{padding:32px;background:var(--cream)}.mode{display:flex;gap:4px;background:#e5eae6;border-radius:5px;padding:4px;margin-bottom:25px}.mode button{width:50%;border:0;border-radius:3px;padding:10px 6px;background:transparent;color:var(--ink)}.mode button[aria-pressed=true]{background:white;box-shadow:0 1px 5px #0001}label{font-weight:600;font-size:13px;display:block;margin:18px 0 7px}select{width:100%;background:white;color:var(--ink);border:1px solid #b8c7c9;border-radius:4px;padding:12px 8px;min-height:48px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hint,.estimate-note{font-size:12px;color:var(--muted);line-height:1.6}.result{padding:32px;background:white}h2{font-family:Georgia,serif;font-size:32px;letter-spacing:-.7px;margin-bottom:18px}#context{font-size:14px;color:var(--muted)}.total{background:var(--ink);color:white;padding:24px;border-radius:4px;margin:25px 0 0}.total span,.total small{display:block}.total span{font-size:13px}.total strong{font-size:47px;letter-spacing:-1px;font-weight:400;display:block}.total small{color:#d3e0e4;font-size:11px}.figures{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:15px}.figures>div{padding:18px 0}.figures span{display:block;font-size:11px;color:var(--muted)}.figures strong{font-size:20px;font-weight:500}.line{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding:10px 0;border-bottom:1px solid #edf0ef}.line small{display:block;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.actions button{padding:11px 13px;border:1px solid var(--teal);border-radius:4px;background:white;color:var(--teal);font-size:12px}.actions button:first-child{background:var(--teal);color:white}#share-status{font-size:12px;overflow-wrap:anywhere}fieldset{border:0;padding:0;margin:22px 0 0}legend{font-size:13px;font-weight:600}fieldset label{display:flex;align-items:start;gap:9px;font-weight:400;font-size:13px;background:white;border:1px solid var(--line);padding:12px;margin:10px 0;border-radius:4px}input{width:18px;height:18px;accent-color:var(--teal);flex-shrink:0}fieldset small{display:block;color:var(--muted)}.next{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:55px 0;padding-bottom:45px;border-bottom:1px solid var(--line)}.next p,#referrer-notes p{font-size:14px;color:var(--muted)}.next h3{font-size:20px;margin-top:4px}.quote{display:inline-block;background:#eee6d3;color:#5c4d2a;padding:3px 9px;font-size:11px;border-radius:3px}.faq{padding-bottom:40px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:15px}details p{font-size:14px;color:var(--muted);max-width:850px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding:25px 0;font-size:11px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:750px){main{padding:0 20px}.intro{grid-template-columns:1fr;padding-top:40px;gap:15px}h1{font-size:45px}.intro-note{display:none}.workspace,.next{grid-template-columns:1fr}.choices,.result{padding:24px}.next{gap:18px;margin:35px 0}.pair{grid-template-columns:1fr}footer{flex-direction:column;gap:6px}header{padding:20px}.brand{font-size:20px}}@media print{.draft{background:none;color:black;border-bottom:1px solid}.choices,.actions,header,.intro-note,.faq,footer a,#share-status{display:none}.intro{padding:20px 0;display:block}h1{font-size:30px}.lead{font-size:12px}.workspace{display:block}.result{padding:20px}.total{background:white;color:black;border:1px solid}.total small{color:black}.next{margin:20px 0;gap:25px}main{padding:0}.result,.next{break-inside:avoid}body{font-size:12px}}

.brand span{display:block;font-size:11px;line-height:1.35;letter-spacing:.02em;white-space:normal}
