@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#1d211d;--muted:#6f736d;--paper:#f7f5ef;--white:#fffefa;--line:#dcd9cf;--accent:#c96d4b;--sage:#dce7d6;--butter:#efe3b5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif}.wrap{width:min(1020px,calc(100% - 40px));margin:auto}a{color:inherit;text-decoration:none}.nav{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;font-size:18px}.back{font:500 11px 'DM Mono';text-transform:uppercase;border:1px solid var(--line);border-radius:10px;padding:11px 15px;background:var(--white)}.hero{padding:90px 0 60px}.tag{font:500 11px 'DM Mono';color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px}h1{font:400 clamp(52px,8vw,88px)/.96 'Instrument Serif';letter-spacing:-.03em;margin:0;max-width:900px}.lead{font-size:18px;color:var(--muted);line-height:1.7;max-width:700px;margin-top:28px}.content{display:grid;grid-template-columns:220px 1fr;gap:70px;padding:30px 0 100px}.side{font:500 10px/2 'DM Mono';text-transform:uppercase;color:var(--muted);position:sticky;top:30px;align-self:start}.article{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:48px}.article h2{font:400 40px 'Instrument Serif';margin:46px 0 14px}.article h2:first-child{margin-top:0}.article p,.article li{line-height:1.75;color:#555a53}.callout{background:var(--sage);padding:22px;border-radius:14px;margin:28px 0}.button{display:inline-flex;background:var(--ink);color:white;padding:14px 18px;border-radius:11px;font-weight:700;margin-top:20px}.tool{background:var(--white);border:1px solid var(--line);border-radius:26px;padding:42px;margin-bottom:100px}.field{margin:24px 0}.field label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}.field input[type=range]{width:100%;accent-color:var(--accent)}.result{background:var(--ink);color:white;border-radius:18px;padding:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.result small{display:block;color:#abb0a8;font:500 9px 'DM Mono';text-transform:uppercase}.result strong{font:400 34px 'Instrument Serif'}.checklist{display:grid;gap:10px}.check{display:flex;gap:14px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:13px;padding:17px;cursor:pointer}.check input{margin-top:4px;accent-color:var(--accent)}.score{position:sticky;bottom:16px;background:var(--ink);color:white;border-radius:16px;padding:18px 22px;margin:24px 0 80px;display:flex;justify-content:space-between}.score strong{color:#b9dfa9}@media(max-width:760px){.content{grid-template-columns:1fr;gap:20px}.side{position:static}.article{padding:28px}.result{grid-template-columns:1fr}.hero{padding-top:60px}}