:root{--cream:#fff7ef;--peach:#efc5ac;--muted:#ccb5a5;--line:#765946;--panel:#30211c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 5%,#674832 0%,#2b1d18 48%,#160f0d 100%);color:var(--cream);font:16px/1.65 Arial,sans-serif;min-height:100vh}header{max-width:1200px;padding:27px 32px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:2px}header a{color:inherit;text-decoration:none}header a span{font-size:23px;color:var(--peach);margin-left:8px}.tag{color:var(--muted)}main{max-width:1120px;margin:48px auto 70px;padding:0 24px;min-height:65vh}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px}.cover{width:100%;border:1px solid #8b6650;box-shadow:0 20px 75px #0007}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--peach);text-transform:uppercase}.hero h1{font:normal clamp(40px,5vw,66px)/1.04 Georgia,serif;margin:22px 0}.hero h1 em{font-weight:normal;color:var(--peach)}p{color:#e4d2c5}.detail{display:flex;gap:18px;border-block:1px solid var(--line);padding:16px 0;margin:26px 0;font-size:12px;color:var(--peach)}button,.button{font:inherit;cursor:pointer;border:1px solid transparent;padding:15px 25px;border-radius:3px;transition:background .18s,transform .18s}button:hover:not(:disabled),.button:hover{transform:translateY(-1px)}.primary,.button{background:var(--peach);color:#261911;font-weight:bold;text-decoration:none;display:inline-block}.primary:hover,.button:hover{background:#ffe0ca}button:disabled{opacity:.4;cursor:not-allowed}.quiet{background:transparent;color:var(--cream);border-color:var(--line)}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}.small{font-size:12px;color:var(--muted)}.quiz{max-width:730px;margin:auto}.progress-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:var(--peach)}progress{display:block;width:100%;height:4px;border:0;background:#594134;margin:15px 0 38px;accent-color:var(--peach)}progress::-webkit-progress-bar{background:#594134}progress::-webkit-progress-value{background:var(--peach)}h2{font:normal clamp(29px,4vw,40px)/1.2 Georgia,serif;margin:18px 0 25px}h3{font:normal 25px/1.2 Georgia,serif}fieldset{padding:0;border:0;margin:0}legend{font:normal clamp(27px,3.5vw,36px)/1.25 Georgia,serif;margin:15px 0 27px}.answers{display:grid;gap:11px}.answer{display:flex;align-items:center;gap:18px;text-align:left;background:#ffffff05;color:var(--cream);border-color:var(--line);width:100%;padding:16px 20px}.answer:hover{background:#ffffff0d}.answer[aria-checked=true]{border-color:var(--peach);background:#805d463d}.dot{height:18px;width:18px;border:1px solid var(--muted);border-radius:50%;flex-shrink:0}.answer[aria-checked=true] .dot{background:var(--peach);box-shadow:inset 0 0 0 4px #38251c}.nav{display:flex;justify-content:space-between;margin-top:30px;gap:16px}.result{max-width:850px;margin:auto}.result-top{text-align:center;padding:20px 15px 35px}.result-top h1{font:normal clamp(39px,6vw,65px)/1.05 Georgia,serif;color:var(--peach);margin:20px 0}.result-top p{max-width:650px;margin:18px auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{border:1px solid var(--line);background:#ffffff04;padding:28px}.card p{font-size:15px}.number{font:40px Georgia;color:var(--peach)}.next{border:1px solid var(--line);padding:30px;margin-top:24px;background:#50342680}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.tiebreak{display:grid;gap:12px}footer{text-align:center;letter-spacing:2px;font-size:10px;color:var(--peach);padding:28px 24px;border-top:1px solid var(--line)}footer small{display:block;letter-spacing:0;font-size:11px;color:var(--muted);max-width:650px;margin:16px auto 0}.pillars{font-size:11px;letter-spacing:1px;margin-top:26px;color:var(--peach)}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:30px}.hero>img{max-width:460px;margin:auto}.hero h1{font-size:43px}.tag{display:none}header{padding:18px 24px}main{margin-top:28px}.grid{grid-template-columns:1fr}.card{padding:22px}.nav button{padding:13px 17px}}@media print{body{background:white;color:black}header,footer,.result-actions,.next .button{display:none}main{margin:0;padding:0}p,h1,h2,h3,.eyebrow,.number,.small{color:black!important}.card,.next{background:white;border-color:#bbb;break-inside:avoid}.result-top{padding-top:0}.grid{display:block}.card{margin-bottom:12px}}
