:root{color:#17322d;font-synthesis:none;background:#f3f0e8;font-family:Inter,ui-sans-serif,system-ui}*{box-sizing:border-box}body{margin:0}main{width:min(820px,100% - 32px);margin:auto;padding:52px 0}header{grid-template-columns:64px 1fr;gap:24px;margin-bottom:32px;display:grid}.mark{color:#e4c976;background:#173f36;border-radius:50%;place-items:center;width:64px;height:64px;font-weight:800;display:grid}h1{margin:8px 0 14px;font-family:Georgia,serif;font-size:clamp(2.2rem,7vw,4.2rem);font-weight:500;line-height:.98}header p{color:#536760;max-width:650px}.eyebrow{letter-spacing:.19em;color:#967e35;font-size:.72rem;font-weight:800}.card,.result{background:#fffdf7;border:1px solid #d8d5ca;border-radius:18px;margin:18px 0;padding:26px;box-shadow:0 8px 25px #17322d0a}.step{letter-spacing:.16em;color:#8e7730;border-bottom:1px solid #e8e4d9;margin-bottom:18px;padding-bottom:16px;font-size:.72rem;font-weight:800}.step span{float:right}.field{padding:14px 0;display:block}.field span{justify-content:space-between;display:flex}.field output{color:#947a2a;font-weight:800}.field small,.lead,.tiers small,.result>small{color:#6d7c77}.field input{accent-color:#1f574b;width:100%;margin:12px 0}.tiers{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tiers button{text-align:left;color:inherit;background:#faf9f4;border:1px solid #ccd3cf;border-radius:12px;padding:17px}.tiers button small{margin-top:7px;display:block}.tiers button.active{background:#eaf2ee;border:2px solid #1f574b}.primary{color:#fff;cursor:pointer;background:#173f36;border:0;border-radius:12px;width:100%;padding:18px;font-size:1rem;font-weight:800}.scores{grid-template-columns:1fr 1fr;gap:12px;display:grid}.scores article{background:#edf2ef;border-radius:12px;padding:18px}.scores small{letter-spacing:.11em;font-size:.66rem;display:block}.scores strong{font-family:Georgia,serif;font-size:3rem;font-weight:500}.scores i{color:#71817c;font-size:1rem}.result>p{font-family:Georgia,serif;font-size:1.3rem;line-height:1.45}.note{background:#faf7e9;border-left:4px solid #c5a94c;margin:18px 0;padding:12px 16px}footer{text-align:center;letter-spacing:.13em;color:#71817c;margin-top:34px;font-size:.68rem}@media (width<=620px){main{padding:28px 0}header,.tiers,.scores{grid-template-columns:1fr}}