/* hw-pagina.css — de gedeelde paginaschil voor de rekentools en het voorstel, precies zoals de vaste Engelse
   pagina's van de site hem hebben (fo-*), plus het korte antwoord in de stijl van de artikelpagina's. Pakket 5d, 2026-09-05. */
body{background:var(--creme,#FAF6EE);color:var(--ink,#0D1B3E);font-family:'Manrope',system-ui,sans-serif;margin:0}
a{color:inherit}
.fo-wrap{max-width:1040px;margin:0 auto;padding:0 26px}
.fo-wrap.smal{max-width:820px}
.fo-hero{text-align:center;padding:84px 26px 40px}
.fo-eyebrow{font-size:.76rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dark,#8A7638);margin-bottom:24px;display:block}
.fo-hero h1{font-family:'Fraunces',Georgia,serif;font-weight:300;letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem);line-height:1.15;max-width:24ch;margin:0 auto 18px}
.fo-lead{font-size:clamp(1.02rem,1.4vw,1.15rem);line-height:1.75;color:var(--ink-soft,#3D4866);max-width:64ch;margin:0 auto}
.fo-bc{font-size:.8rem;color:var(--ink-dim,#6B7388);margin-bottom:14px}
.fo-bc a{text-decoration:none}
/* Kort antwoord: zelfde blok als op de artikelpagina's */
.hw-kort{max-width:860px;margin:22px auto 0;background:#fbf7ef;border:1px solid #e8e0d0;border-left:3px solid var(--gold-dark,#8A7638);padding:20px 24px;font-size:15px;line-height:1.65;color:var(--ink,#0D1B3E);text-align:left;border-radius:0 8px 8px 0}
.hw-kort-label{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark,#8A7638);margin-bottom:8px;font-weight:700}
.hw-melding{max-width:860px;margin:14px auto 0;padding:12px 16px;border-radius:8px;font-size:.95rem}
.hw-melding.ok{background:#E6F2E9;color:#1F6B3A}.hw-melding.fout{background:#F7E4E1;color:#8A2E22}
/* Tekst onder de tool: zelfde maten als de fo-secties */
.fo-onder{max-width:820px;margin:0 auto 48px;padding:0 26px}
.fo-onder h2{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:clamp(1.4rem,2.6vw,1.85rem);margin:40px 0 14px;color:var(--ink,#0D1B3E)}
.fo-onder p{font-size:1.03rem;line-height:1.8;color:var(--ink-soft,#3D4866);margin:0 0 14px}
.fo-onder p strong{color:var(--ink,#0D1B3E)}
.fo-onder table{width:100%;border-collapse:collapse;margin:20px 0 8px;font-size:.95rem;background:#fff;border:1px solid var(--line,#E7DFCF);border-radius:12px;overflow:hidden}
.fo-onder th{background:var(--ink,#0D1B3E);color:var(--creme,#F5EDE0);padding:11px 14px;text-align:left;font-weight:600;font-size:.85rem}
.fo-onder td{padding:11px 14px;border-bottom:1px solid var(--line,#EEE5D2);color:var(--ink-soft,#3D4866);line-height:1.6}
.fo-onder .ja{color:#1F6B3A;font-weight:600}.fo-onder .nee{color:#8A2E22}
.fo-onder .hw-pitch h2{margin-top:8px}
.hw-kaart{background:#fff;border:1px solid var(--line,#E6DDC8);border-radius:14px;padding:26px;margin-top:22px}
@media (max-width:820px){.fo-hero{padding:56px 20px 28px}.fo-onder table{display:block;overflow-x:auto}}
@media print{.hw-nav,nav,footer,.hw-calc-knoppen{display:none!important}body{background:#fff}}