/* Weekarchief ons huis (19-10-2026). Mobiel eerst; geen horizontale paginascroll. */
.ohw-page { max-width: 820px; margin: 0 auto; padding: 24px 16px 56px; color: var(--ink, #111827); }
.ohw-page h1 { font-family: var(--font-serif, Georgia, serif); font-size: clamp(1.5rem, 5vw, 2.2rem); line-height: 1.2; margin: 6px 0 10px; overflow-wrap: anywhere; }
.ohw-page h2 { font-size: 1.1rem; margin: 0 0 10px; }
.ohw-page p { line-height: 1.65; }
.ohw-crumbs { display: flex; flex-wrap: wrap; gap: 6px; font-size: .85rem; color: var(--muted, #6b7280); }
.ohw-crumbs a { color: var(--groen, #1a6b3c); }
.ohw-eyebrow { margin: 18px 0 0; font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; color: var(--groen, #1a6b3c); font-weight: 700; }
.ohw-status { display: inline-block; margin: 0; padding: 4px 10px; border-radius: 999px; background: var(--grijs-bg, #f7f4ef); border: 1px solid var(--grijs-rand, #e8e3da); font-size: .85rem; }
.ohw-summary, .ohw-card, .ohw-method, .ohw-note { margin-top: 20px; padding: 18px; border-radius: var(--radius-md, 12px); border: 1px solid var(--grijs-rand, #e8e3da); background: #fff; }
.ohw-summary p { margin: 0 0 8px; }
.ohw-note { background: #fff7ed; border-color: #fdba74; color: #7c2d12; }
.ohw-note p { margin: 6px 0 0; }
.ohw-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 10px; margin: 0 0 12px; }
.ohw-facts div { padding: 10px 12px; border-radius: var(--radius-sm, 8px); background: var(--grijs-bg, #f7f4ef); min-width: 0; }
.ohw-facts dt { font-size: .78rem; color: #4e6270; }
.ohw-facts dd { margin: 2px 0 0; font-weight: 700; overflow-wrap: anywhere; }
.ohw-facts dd.ohw-neg { color: #9f3030; }
.ohw-small { font-size: .85rem; color: #4e6270; }
.ohw-table { overflow-x: auto; max-width: 100%; }
.ohw-table table { width: 100%; border-collapse: collapse; font-size: .88rem; }
.ohw-table caption { text-align: left; font-weight: 700; padding-bottom: 6px; }
.ohw-table th, .ohw-table td { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--grijs-rand, #e8e3da); white-space: nowrap; }
.ohw-method summary { cursor: pointer; font-weight: 700; }
.ohw-method code { overflow-wrap: anywhere; word-break: break-all; font-size: .78rem; }
.ohw-pager { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 24px; }
.ohw-pager a { color: var(--groen, #1a6b3c); }
.ohw-list { list-style: none; padding: 0; margin: 20px 0 0; display: grid; gap: 12px; }
.ohw-list a { display: grid; gap: 4px; padding: 14px 16px; border-radius: var(--radius-md, 12px); border: 1px solid var(--grijs-rand, #e8e3da); background: #fff; color: inherit; text-decoration: none; }
.ohw-list a:hover, .ohw-list a:focus-visible { border-color: var(--groen, #1a6b3c); }
.ohw-list strong { color: var(--groen-dark, #0f4023); }
.ohw-list span { font-size: .88rem; color: #4e6270; }
.ohw-flag { justify-self: start; padding: 2px 8px; border-radius: 999px; background: #fff7ed; color: #7c2d12 !important; border: 1px solid #fdba74; }
/* Uitsplitsing accu-resultaat: rekensom + dagstaafjes (20-10-2026) */
.ohu{min-width:0}
.ohu-som{display:grid;border:1px solid #e8e3da;border-radius:12px;overflow:hidden;background:#fff}
.ohu-rij{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) auto;gap:10px;align-items:baseline;padding:10px 14px;border-top:1px solid #f0ece4;font-size:.87rem}
.ohu-rij:first-child{border-top:0}
.ohu-rij>span:first-child{color:#4e6270}
.ohu-rij>span:nth-child(2){color:#102332;overflow-wrap:anywhere}
.ohu-rij strong{font-weight:750;white-space:nowrap}
.ohu-in strong{color:#9f3030}
.ohu-uit strong{color:#1a6b3c}
.ohu-verlies{background:#fbf7ef}
.ohu-totaal{background:#f7f4ef;font-size:.95rem}
.ohu-totaal>span:first-child{color:#102332;font-weight:750}
.ohu-totaal strong{color:#1a6b3c}
.ohu-totaal.ohu-neg strong{color:#9f3030}
.ohu-uitleg{font-size:.85rem;color:#4e6270;line-height:1.55;margin:10px 0 0}
.ohu-figuur{margin:18px 0 0}
.ohu-grafiek{display:block;width:100%;height:auto;max-height:280px}
.ohu-as{stroke:#c9c2b5;stroke-width:1.5}
.ohu-groen{fill:#7fbf98}
.ohu-rood{fill:#e3a0a0}
.ohu-stip{fill:#1a6b3c;stroke:#fff;stroke-width:2}
.ohu-stip-neg{fill:#9f3030;stroke:#fff;stroke-width:2}
.ohu-dag{font:600 15px Arial,sans-serif;fill:#4e6270}
.ohu-bedrag{font:700 15px Arial,sans-serif;fill:#1a6b3c}
.ohu-bedrag.ohu-neg{fill:#9f3030}
.ohu-leeg{font:12px Arial,sans-serif;fill:#8a96a0}
.ohu-figuur figcaption{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:.78rem;color:#4e6270;margin-top:6px}
.ohu-key{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:-8px;vertical-align:middle}
.ohu-key-groen{background:#7fbf98}
.ohu-key-rood{background:#e3a0a0}
.ohu-key-stip{background:#9f3030;border-radius:50%}
@media (max-width:560px){.ohu-dag{font-size:24px}.ohu-bedrag{font-size:21px}.ohu-leeg{font-size:19px}.ohu-rij{grid-template-columns:1fr auto;padding:9px 12px}.ohu-rij>span:nth-child(2){grid-column:1/-1;grid-row:2;font-size:.8rem;color:#4e6270}}