/* Effluentkast en verblijftijd (theorie). Formules: actuele/berekende waarden
   (.fx-v) subtiel blauwgroen, instellingen/constanten (.fx-k) in inkt, symbolen
   in wiskundige zetting — zelfde conventie als dist/monster.css, scope .eff-page. */
.eff-page .fx{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 5px;font-family:"Cambria Math","STIX Two Math","Latin Modern Math","Times New Roman",serif;font-size:14px;line-height:1.55;color:var(--ink,#18324c)}
.eff-page .fx var{font-style:italic;font-weight:500;font-size:15px}
.eff-page .fx var sub{font-style:normal;font-size:10px;margin-left:1px}
.eff-page .fx-o{color:#6c7f93;padding:0 1px}
.eff-page .fx-v{font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600;color:#0b6d7c;background:#e9f5f7;border-radius:4px;padding:0 5px}
.eff-page .fx-k{font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:500;color:var(--ink,#18324c)}
.eff-page .fx-u{font-weight:400;font-size:11px;opacity:.8}
.eff-page .fx-label{font-family:Inter,system-ui,sans-serif;font-size:11px;color:var(--muted,#60758b);min-width:84px}
.eff-page .fx-note{font-size:11.5px;line-height:1.6;color:var(--muted,#60758b);margin:8px 0 0}
.eff-page .fx.cont{padding-left:22px}
.eff-page .panel-body>.fx:first-of-type{margin-top:16px}
@media (max-width:640px){.eff-page .fx-label{min-width:0;flex-basis:100%}}

/* Grafieken: inline SVG, responsive, geen Plotly nodig. */
.eff-page .eff-chart{display:block;width:100%;height:auto;margin-top:12px}
.eff-page .eff-chart text{font-family:Inter,sans-serif}
.eff-page .eff-chart-empty{font-size:11px;color:var(--muted,#60758b);padding:14px 0;margin:0}

/* Golf versus waterdeeltje: klein schema met twee balken. */
.eff-wave{display:flex;flex-direction:column;gap:16px}
.eff-wave-row{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px}
.eff-wave-label{font-size:11px;font-weight:600;color:var(--ink,#18324c)}
.eff-wave-bar{height:10px;background:#eef3f8;border-radius:6px;overflow:hidden}
.eff-wave-bar span{display:block;height:100%;border-radius:6px}
.eff-wave-foot{grid-column:1 / -1;font-size:10px;color:var(--muted,#60758b);line-height:1.6}

/* Legenda bij de verblijftijdspreiding. */
.eff-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:10px;color:var(--muted,#60758b);margin-top:10px;align-items:center}
.eff-legend i{display:inline-block;width:16px;height:0;border-top:3px solid #8597ad;border-radius:1px;margin-right:6px;vertical-align:middle}

/* Drie opties naast elkaar. */
.eff-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}
.eff-options .compare-card h3{font-size:13px}
.eff-options .compare-card>p{font-size:10px;margin:7px 0 10px}
.eff-pros{margin:0;padding-left:18px;font-size:10px;color:var(--muted,#60758b);line-height:1.8}
.eff-pros li{margin-bottom:4px}

/* Volgende stappen. */
.eff-steps{margin:0;padding-left:20px;font-size:11px;line-height:1.9;color:var(--muted,#60758b)}
.eff-steps li{margin-bottom:10px}
.eff-steps strong{color:#47617b;font-weight:600}

@media (max-width:1000px){.eff-options{grid-template-columns:1fr}}
@media (max-width:640px){.eff-wave-row{grid-template-columns:110px 1fr}.eff-wave-label{font-size:10px}}

/* Integraal met grenzen boven en onder het teken. */
.eff-page .fx-int{display:inline-flex;align-items:center;font-family:"Cambria Math","STIX Two Math","Times New Roman",serif;font-size:22px;line-height:1;color:var(--ink,#18324c)}
.eff-page .fx-lim{display:inline-flex;flex-direction:column;justify-content:space-between;height:30px;margin-left:2px}
.eff-page .fx-lim var{font-size:10px;line-height:1;font-style:italic}