:root{font-family:system-ui,sans-serif;color:#203332;background:#f3f3ed;line-height:1.8}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header,main{max-width:1120px;margin:auto;padding:25px}header{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid #ccd4ca}h1{font-size:clamp(32px,5vw,58px);line-height:1.35;margin:25px 0}em{display:block;font-style:normal;color:#447650}.eyebrow{letter-spacing:.12em;font-size:12px;font-weight:bold;color:#496556}nav{display:flex;gap:12px;margin:35px 0}button{font:inherit;cursor:pointer;border:1px solid #315d48;border-radius:7px;padding:12px 18px;background:#315d48;color:white}nav button[aria-pressed=false]{background:transparent;color:#315d48}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0}article{padding:25px;background:white;border:1px solid #d0dacd;border-radius:12px;min-width:0}.suggestion{background:#e8efdf}h2{font-size:26px}h3{font-size:21px}h4{margin-bottom:5px}.fake-button{display:inline-block;background:#d6dfcd;padding:10px 20px;border-radius:6px}dt{font-size:12px;color:#51635a}dd{margin:0 0 12px;font-weight:600;overflow-wrap:anywhere}.note{font-size:12px;color:#52685a}label{display:block;font-size:14px;font-weight:bold}select,input,textarea{font:inherit;border:1px solid #9fb39f;border-radius:5px;padding:10px;width:100%;background:#fff;margin:6px 0 18px}select{max-width:480px}textarea{min-height:220px}aside,.compare{background:#e8ecdf;padding:20px 25px;border-radius:10px;margin-bottom:25px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9aaf54;outline-offset:3px}.intro{max-width:760px}#budget-status{font-weight:600}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:720px){.columns{grid-template-columns:1fr}header{flex-direction:column}nav{flex-direction:column}main{padding:18px}.inputs{grid-template-columns:1fr}}

.workspace{background:white;padding:25px;border:1px solid #d0dacd;border-radius:12px;margin:25px 0}.workspace textarea{min-height:90px}.workspace .check{display:flex;align-items:flex-start;gap:8px;margin:10px 0;font-size:13px}.workspace input[type=checkbox]{width:auto;flex:none;margin:6px 0}fieldset{border:1px solid #ccd4ca;border-radius:8px}legend{font-size:12px}pre{font:inherit;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f5ee;padding:20px}.secondary{background:transparent;color:#315d48;margin-left:8px}button{margin-bottom:6px}

.brand{color:inherit;text-decoration:none;font-weight:700}a:focus-visible{outline:3px solid #9aaf54;outline-offset:3px}