.board-foot{--bf-ink:#253a31;--bf-muted:#52675b;--bf-line:#cfdbd2;--bf-soft:#f5f7f3;--bf-accent:#385e47;color:var(--bf-ink);font-family:Inter,system-ui,sans-serif;line-height:1.55}.board-foot *{box-sizing:border-box}.board-foot [hidden]{display:none!important}.board-foot button,.board-foot input,.board-foot select{font:inherit;color:var(--bf-ink)}.board-foot button,.board-foot select,.board-foot input{min-height:46px;border:1px solid #afc0b4;border-radius:9px;background:#fff;padding:10px 12px;max-width:100%}.board-foot button{cursor:pointer;white-space:normal}.board-foot button:hover{background:#edf3ed;color:#253a31}.board-foot button:disabled{opacity:.5;cursor:default}.board-foot button[aria-pressed=true]{background:var(--bf-accent);color:#fff;border-color:var(--bf-accent)}.board-foot :is(button,input,select,summary,a):focus-visible{outline:3px solid #8aa877;outline-offset:3px}.board-foot input[aria-invalid=true]{border-color:#ad382b;outline-color:#ad382b}.board-foot a{color:#345e45}.board-foot h2{font-size:1.35rem;line-height:1.3;margin:0 0 14px}.board-foot h3{font-size:1rem;margin:0}.bf-hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:#294735;color:#fff;border-radius:18px;padding:28px}.bf-hero h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.bf-unit-title{font-size:.65em}.bf-hero p{color:#e3eddf}.bf-eyebrow{font-size:.8rem;letter-spacing:.07em;text-transform:uppercase}.bf-hero a{display:inline-block;background:#fff;color:#294735;border-radius:9px;padding:11px 16px;font-weight:700;text-decoration:none}.bf-visual{margin:0;background:#faf7ef;border-radius:12px;padding:16px;color:var(--bf-ink);min-width:0}.bf-visual figcaption{font-weight:700}.bf-visual svg{display:block;width:100%;height:auto;margin:12px 0 0}.bf-visual svg text{fill:#344c3e;font-family:inherit;font-size:17px}.bf-visual p{font-size:.8rem;line-height:1.5;color:var(--bf-muted);margin:8px 0 0}.bf-toolbar,.bf-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bf-toolbar{justify-content:space-between;margin:26px 0 10px}.bf-toolbar h2{margin:0}.bf-note{font-size:.88rem;line-height:1.65;color:var(--bf-muted);margin:12px 0 18px}.bf-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.bf-presets button{text-align:left;font-weight:650}.bf-presets small{display:block;font-size:.78rem;font-weight:400;line-height:1.5;margin-top:5px}.bf-row{background:var(--bf-soft);border:1px solid var(--bf-line);border-radius:12px;padding:18px;margin:14px 0}.bf-row .bf-toolbar{margin:0 0 14px}.bf-row [data-remove]{font-size:.8rem;min-height:44px;padding:8px 12px}.bf-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 14px}.bf-fields>label{display:grid;grid-row:span 3;grid-template-rows:subgrid;min-width:0;font-size:.9rem;font-weight:650}.bf-fields i{font-style:normal}.bf-fields input,.bf-fields select{width:100%;min-width:0;height:100%}.bf-fields small{font-size:.77rem;color:var(--bf-muted);font-weight:400;line-height:1.5}.bf-two{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-price{border-top:1px solid var(--bf-line);margin-top:18px;padding-top:4px}.board-foot summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600}.bf-price .bf-fields{margin:8px 0}.bf-settings{max-width:720px;margin:24px 0}.bf-error{background:#fff0eb;color:#92372c;border-left:3px solid #b84935;padding:12px}.bf-error:empty{display:none}#bfResults{margin-top:30px}.bf-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bf-metrics>div{border:1px solid var(--bf-line);border-radius:10px;padding:15px;min-width:0}.bf-metrics span,.bf-metrics small{display:block;color:var(--bf-muted);font-size:.8rem;line-height:1.5}.bf-metrics strong{display:block;font-size:1.45rem;font-variant-numeric:tabular-nums;line-height:1.3;margin:8px 0;overflow-wrap:anywhere}.bf-breakdown{display:grid;gap:10px;margin:20px 0}.bf-breakdown article{background:var(--bf-soft);border-radius:10px;padding:14px 16px}.bf-breakdown p{font-size:.88rem;line-height:1.6;margin:6px 0;overflow-wrap:anywhere}.bf-comparison{border-top:1px solid var(--bf-line);border-bottom:1px solid var(--bf-line);padding:4px 0}.bf-comparison .bf-fields{max-width:720px}.bf-reading{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:34px 0}.bf-reading p{font-size:.92rem;line-height:1.75}#bfStatus{min-height:26px;font-size:.85rem}.board-foot.is-invalid .bf-visual{visibility:hidden}#bfInputs{scroll-margin-top:120px}
@media(max-width:1000px){.bf-hero{grid-template-columns:1fr}.bf-visual{max-width:600px;width:100%}.bf-metrics{grid-template-columns:1fr 1fr}.bf-fields:not(.bf-two){grid-template-columns:1fr 1fr}.bf-presets{grid-template-columns:1fr}.bf-reading{grid-template-columns:1fr}}
@media(max-width:480px){.bf-hero{padding:20px}.bf-row{padding:14px}.bf-visual{padding:12px}.bf-fields,.bf-fields:not(.bf-two){grid-template-columns:1fr}.bf-hero h2{font-size:2rem}.bf-toolbar>.bf-actions{width:100%}.bf-toolbar>.bf-actions button{flex:1 1 120px;font-size:.85rem}.bf-metrics{gap:8px}.bf-metrics>div{padding:12px}.bf-metrics strong{font-size:1.2rem}}
@media print{@page{size:A4;margin:14mm}body.bf-printing>*{display:none!important}body.bf-printing>#bfPrinted{display:block!important;font:11pt/1.5 system-ui,sans-serif;color:#17251c}#bfPrinted h1{font-size:21pt}#bfPrinted h2{font-size:14pt;margin-top:18pt}#bfPrinted article{break-inside:avoid;border-bottom:1px solid #bbb;padding:8pt 0}#bfPrinted p{margin:4pt 0}#bfPrinted .bf-print-note{font-size:9pt;color:#444}#bfPrinted .bf-print-visual{width:85mm;max-width:100%;break-inside:avoid}#bfPrinted svg{width:100%;height:auto}#bfPrinted svg text{font-size:17px;fill:#253a31}}
/* Headings in the global theme have their own color; keep the hero legible. */
.board-foot .bf-hero h2{color:#fff}.bf-visual svg text{font-size:22px}
@media print{body.bf-printing,body.bf-printing>#bfPrinted{background:#fff!important}}