*{box-sizing:border-box}body{color:#17231b;background:#f5f3ee;margin:0;font-family:Arial,sans-serif}main{max-width:1180px;margin:auto;padding:48px 24px}header{border-bottom:1px solid #c9cec8;justify-content:space-between;align-items:end;gap:24px;padding-bottom:28px;display:flex}h1{margin:5px 0;font-family:Georgia,serif;font-size:54px}.eyebrow{letter-spacing:.2em;font-size:12px}.muted{color:#68716a}button{cursor:pointer;background:#fff;border:1px solid #17231b;border-radius:8px;padding:10px 14px}.stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0;display:grid}.stats div{color:#fff;background:#183d2c;border-radius:12px;padding:20px}.stats b{font-size:28px;display:block}.stats span{opacity:.75}.grid{grid-template-columns:2fr 1fr;gap:28px;display:grid}.card{background:#fff;border:1px solid #d8dbd7;border-radius:14px;grid-template-columns:54px 1fr;margin:14px 0;padding:20px;display:grid}.rank{color:#738077;font-size:22px;font-weight:700}.card h3{margin:0 0 7px}.card p{color:#68716a}.actions{gap:8px;display:flex}.criterion{border-bottom:1px solid #d8dbd7;justify-content:space-between;gap:15px;padding:12px 0;display:flex}.criterion small{color:#68716a;text-align:right}.note{background:#e7ece7;border-radius:10px;padding:14px;font-size:13px;line-height:1.5}@media (max-width:760px){header{flex-direction:column;align-items:start}h1{font-size:40px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr 1fr}}.score{text-transform:uppercase;letter-spacing:.06em;color:#607066;margin-bottom:5px;font-size:12px}.actions button.selected{color:#fff;background:#183d2c}
