/* Block 3 von /ebenen-modell-realitaet-monty-hall, als Datei ausgeliefert (CSP verwirft Inline). */
.bv{container-type:inline-size;width:100%;margin:var(--space-6,2rem) 0;font-family:var(--font-family-sans,system-ui,sans-serif);color:var(--color-text-primary,#111);--bv-useful:rgba(150,100,137,0.45);--bv-useful-edge:rgba(150,100,137,0.85);--bv-other:rgba(138,112,48,0.45);--bv-other-edge:rgba(138,112,48,0.85);--bv-line:var(--color-border,#e0e0e0);--bv-track:#e9e9e9;--bv-term:#4a4a4a}
.bv-card{width:100%;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--bv-line);border-radius:var(--radius-lg,16px);overflow:hidden;background:var(--color-bg-primary,#fff);box-shadow:0 8px 24px rgba(0,0,0,0.05)}
.bv-panel{position:relative;padding:18px 14px}
.bv-left{border-right:1px solid var(--bv-line)}
.bv-formula{text-align:center;font-family:Georgia,Times,serif;font-style:italic;font-size:clamp(18px,2vw,26px);line-height:1.2;margin-bottom:16px}
.bv-frac{display:inline-block;vertical-align:middle;text-align:center;font-style:italic;line-height:1.05;font-size:clamp(14px,1.5vw,18px)}
.bv-frac .bv-top{display:block;padding:0 10px 4px;border-bottom:2px solid currentColor}
.bv-frac .bv-bot{display:block;padding:4px 10px 0}
.bv-row{display:grid;grid-template-columns:1fr 36px;align-items:center;gap:8px;margin:10px 0}
.bv-label{font-size:clamp(11px,1vw,13px);line-height:1.2}
.bv-term{display:block;margin-top:2px;font-size:10px;color:var(--bv-term);font-weight:400}
.bv-row output{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}
.bv input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:16px;background:transparent;cursor:pointer;grid-column:1/3}
.bv input[type=range]::-webkit-slider-runnable-track{height:16px;border-radius:999px;background:var(--bv-track)}
.bv input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;border:1.5px solid #d7d7d7;background:#fff;margin-top:-1px;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.bv input[type=range]::-moz-range-track{height:16px;border-radius:999px;background:var(--bv-track)}
.bv input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:1.5px solid #d7d7d7;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.bv-results{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bv-result{border:1px solid var(--bv-line);border-radius:var(--radius-md,8px);padding:8px 10px;background:var(--color-bg-primary,#fff)}
.bv-num{display:block;margin-top:4px;font-size:16px;font-variant-numeric:tabular-nums}
.bv-add{margin-top:10px;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums}
.bv-add .bv-term{font-size:12px}
.bv-right{text-align:center;display:flex;flex-direction:column;align-items:center}
.bv-righttitle{margin:4px 0 16px;font-size:clamp(12px,1.1vw,14px);font-weight:400}
.bv-righttitle .bv-term{margin-top:2px;font-size:10px}
.bv-chart{width:100%}
.bv-pblabel{width:100%;min-height:26px;position:relative;margin-bottom:4px;font-size:12px;font-variant-numeric:tabular-nums}
.bv-pblabel > span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.bv-pblabel .bv-term{margin-top:1px;font-size:9px}
.bv-bar{width:100%;height:56px;display:flex;border:1px solid var(--bv-line);background:#fff;overflow:hidden;border-radius:var(--radius-sm,6px)}
.bv-seg{height:100%;flex:0 0 auto;transition:width 120ms linear}
.bv-seg-useful{background:var(--bv-useful);border-right:1px solid var(--bv-useful-edge)}
.bv-seg-other{background:var(--bv-other);border-right:2px dashed var(--bv-other-edge)}
.bv-seg-empty{background:transparent;flex:1 1 auto;min-width:0}
.bv-cap{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;font-size:11px;font-variant-numeric:tabular-nums;text-align:left}
.bv-cap .bv-term{font-size:9px}
.bv-mini{margin-top:12px;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;text-align:left}
.bv-minibox{border:1px solid var(--bv-line);border-radius:var(--radius-md,8px);padding:6px 8px;background:var(--color-bg-primary,#fff);min-height:48px}
.bv-minibox strong{display:block;margin-bottom:2px;font-size:10px;font-weight:600}
.bv-minibox .bv-num{font-size:13px;margin-top:3px}
@container (max-width:480px){.bv-card{grid-template-columns:1fr}.bv-left{border-right:0;border-bottom:1px solid var(--bv-line)}.bv-results,.bv-mini,.bv-cap{grid-template-columns:1fr}.bv-cap div{text-align:center}}
#bv-tool{scroll-margin-top:100px;display:block;height:0}
a.bv-preset{color:var(--color-link,#21588F);text-decoration:underline;text-decoration-style:dotted;cursor:pointer}
a.bv-preset:hover{text-decoration-style:solid}
