:root{--navy:#09233f;--gold:#b9852c;--cream:#f7f3eb;--line:#d9e0e7}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:#13263d;font:16px Arial,sans-serif}header{height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));}header a{text-decoration:none;color:var(--navy)}.brand{display:grid}.brand b{font:30px Georgia}.brand small{font-size:11px}main{max-width:1180px;margin:38px auto}.hero{display:grid;grid-template-columns:1fr 300px;background:var(--navy);color:#fff;padding:48px;gap:50px}.hero h1{font:52px/1.05 Georgia;margin:14px 0;max-width:760px}.hero p{line-height:1.7}.hero aside{display:grid;gap:12px;border-left:1px solid #ffffff44;padding-left:35px}.hero aside b{font:30px Georgia}.hero aside i{font-style:normal;border:1px solid #ffffff44;padding:10px}.card,.result,.thanks{background:#fff;border:1px solid var(--line);padding:38px;margin-top:24px}.progress>i{height:5px;background:#e8edf1;display:block;margin-top:10px}.progress em{height:100%;width:12.5%;display:block;background:var(--gold)}#question h2,.result h2,.thanks h2{font:36px Georgia;color:var(--navy)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.choices label{border:1px solid var(--line);padding:18px;cursor:pointer}.choices label:has(input:checked){border-color:var(--gold);background:#fff9ec}.choices input{margin-right:10px}nav,.actions{display:flex;justify-content:space-between;gap:12px}button,.actions a{border:1px solid var(--navy);padding:13px 18px;background:#fff;color:var(--navy);font-weight:bold;text-decoration:none;cursor:pointer}#next,.submit,.actions a{background:var(--navy);color:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid label{display:grid;gap:6px;font-size:12px;font-weight:bold}.grid input,.grid select,.grid textarea{padding:12px;border:1px solid var(--line);font:inherit}.wide{grid-column:1/-1}.submit{width:100%;margin-top:18px}.error{color:#a12626}.hp{position:absolute;left:-9999px}@media(max-width:760px){main{margin:0}.hero{grid-template-columns:1fr;padding:28px 20px}.hero h1{font-size:38px}.hero aside{border-left:0;padding:0}.card,.result,.thanks{margin:0;border-left:0;border-right:0;padding:25px 20px}.choices,.grid{grid-template-columns:1fr}.wide{grid-column:auto}}
