:root{--ink:#172c29;--muted:#52645e;--paper:#f7f4e9;--green:#d9eb82;--line:#c8d0bc;--dark:#163c32}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 'Trebuchet MS',sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:#536823}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ba601f;outline-offset:4px}.wrap{max-width:1160px;margin:auto;padding:0 32px}header{border-bottom:1px solid var(--line)}nav{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:92px}.brand{text-decoration:none;font-size:25px;font-weight:bold;letter-spacing:-1px}.brand span{display:inline-block;background:var(--green);border:2px solid var(--ink);border-radius:50% 50% 42% 42%;width:23px;height:30px;vertical-align:middle;margin-right:10px;transform:rotate(-13deg)}.navlinks{display:flex;gap:28px;font-size:14px}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.07;letter-spacing:-1.5px}h1{font-size:clamp(44px,6vw,80px);margin:22px 0}h2{font-size:38px;margin:0 0 22px}h3{font-size:28px;letter-spacing:-.6px}.kicker{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:bold}.hero{padding:72px 0 62px;display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:center}.hero p{max-width:570px;color:var(--muted)}.hero-art{background:var(--green);border:1px solid var(--ink);padding:40px;min-height:310px;transform:rotate(2deg);box-shadow:10px 10px 0 var(--ink)}.hero-art .number{font-family:Georgia,serif;font-size:90px;line-height:1.2;letter-spacing:-4px}.hero-art p{font-size:15px;color:var(--ink)}.rule{height:1px;background:var(--ink);margin:24px 0}.button,button{display:inline-block;background:var(--dark);color:white;padding:13px 23px;text-decoration:none;border:1px solid var(--dark);border-radius:0;font:inherit;font-size:15px;cursor:pointer}.button:hover,button:hover{background:#295b43;color:white}.cards{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:0 0 65px}.card{padding:32px 35px 36px 0}.card+ .card{border-left:1px solid var(--line);padding-left:35px}.card p{color:var(--muted);font-size:16px}.tag{font:12px 'Courier New',monospace;text-transform:uppercase;letter-spacing:1px}.intro{padding:50px 0 32px;max-width:880px}.intro h1{font-size:clamp(42px,5vw,64px)}.intro p{color:var(--muted)}.crumb{font-size:13px;margin-bottom:30px}.calc{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid var(--ink);margin-bottom:60px;background:#fffdf5}.inputs{padding:32px}.inputs label{display:block;font-size:14px;font-weight:bold;margin-bottom:18px}input{display:block;width:100%;font:24px Georgia,serif;background:var(--paper);color:var(--ink);border:1px solid #778c7b;padding:12px;margin-top:7px;border-radius:0}.result{padding:36px;background:var(--dark);color:var(--paper)}.result strong{font:72px/1.2 Georgia,serif;letter-spacing:-3px}.result p{font-size:15px}.result h2{font-size:26px}.result .rule{background:#7e9a80}.result table{font-size:15px}table{border-collapse:collapse;width:100%;margin:20px 0}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #a9b6a4}th{font-size:12px;text-transform:uppercase;letter-spacing:1px}.error{color:#fff4b0;font-size:18px!important}.article{max-width:780px;padding-bottom:65px}.article h2{margin:48px 0 20px;font-size:33px}.article h3{margin-top:32px}.article li{margin:12px 0}.note{border-left:4px solid #6a7f39;background:#e9ecd8;padding:20px 24px;font-size:15px;line-height:1.65}.meta{font-size:13px;color:var(--muted)}.source{font-size:14px;overflow-wrap:anywhere}.step{display:grid;grid-template-columns:45px 1fr;gap:12px;margin:28px 0}.step b{border:1px solid var(--ink);border-radius:50%;width:35px;height:35px;text-align:center;font:18px/33px Georgia,serif}.step p{margin:0}.step h3{margin:0 0 8px}footer{border-top:1px solid var(--line);padding:28px 0 40px;font-size:13px;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:30px}.small{font-size:14px}.preview{background:var(--green);padding:5px 20px;text-align:center;font-size:12px}code{font-size:.9em}noscript{display:block;padding:20px;background:#ffe9aa}@media(max-width:700px){.wrap{padding:0 22px}nav{min-height:78px;align-items:flex-start;justify-content:center;flex-direction:column;gap:10px;padding:18px 0}.navlinks{gap:23px}.hero{grid-template-columns:1fr;gap:36px;padding:42px 0}.hero-art{min-height:0;padding:26px;transform:rotate(1deg)}.hero-art .number{font-size:70px}.cards,.calc{grid-template-columns:1fr}.card,.card+ .card{padding:26px 0;border-left:0}.card+ .card{border-top:1px solid var(--line)}.inputs,.result{padding:24px}.result strong{font-size:60px}.intro{padding-top:30px}footer .wrap{display:block}.article h2{font-size:29px}h1{letter-spacing:-1.5px}}

.inputs [hidden]{display:none!important}select{display:block;width:100%;padding:12px;margin-top:7px;font:16px sans-serif;background:var(--paper);color:var(--ink);border:1px solid #778c7b}