/* ---------------------------------------------------------------------------
   BIM blog interactive widgets (.bim-ix) — page-scoped widget styles.
   These rules originally lived in an inline <style> block inside each blog
   post's <head>. The JSX blog renderer only extracts the .post-body markup,
   so that inline CSS was dropped and every widget rendered raw/unstyled and
   its click/drag interactions produced no visible change. Linking this file
   globally (like disc.css / auto-accident.css) restores the branded styling
   AND the visual feedback the delegated handlers in site.js drive.
   All selectors are .bim-* prefixed, so there are no global collisions.
--------------------------------------------------------------------------- */
.bim-ix{background:linear-gradient(160deg,#22323C,#182A34);border:1px solid #334955;border-radius:16px;padding:30px 28px;margin:38px 0;color:#DDE4E8;font-family:'Inter',system-ui,sans-serif;box-shadow:0 18px 40px rgba(8,18,26,.28)}
.bim-ix h4{color:#fff;font-family:'Inter',sans-serif;font-size:1.08rem;font-weight:600;letter-spacing:.01em;margin:0 0 14px}
.bim-ix .bim-cap{display:block;margin-top:20px;font-size:.85rem;color:#9fb0ba;font-style:italic;border-top:1px solid #334955;padding-top:14px}
.bim-ix .bim-accent{height:3px;width:54px;background:#1FB8C7;border-radius:2px;margin-bottom:16px}
.bim-btn{background:#22323C;border:1px solid #425866;color:#DDE4E8;border-radius:999px;padding:9px 16px;font:inherit;font-size:.9rem;line-height:1.1;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .12s}
.bim-btn:hover{border-color:#1FB8C7;color:#fff;transform:translateY(-1px)}
.bim-btn:focus-visible{outline:2px solid #1FB8C7;outline-offset:2px}
.bim-btn[aria-pressed="true"],.bim-btn.on{background:#1FB8C7;border-color:#1FB8C7;color:#0d1b22;font-weight:600}
.bim-row{display:flex;flex-wrap:wrap;gap:10px}
.bim-panel{margin-top:16px;background:rgba(31,184,199,.08);border-left:3px solid #1FB8C7;border-radius:8px;padding:14px 16px;font-size:.94rem;line-height:1.55;min-height:24px;color:#DDE4E8;transition:background .2s}
/* whiplash */
.bim-stage{background:rgba(13,27,34,.45);border:1px solid #334955;border-radius:12px;padding:10px;margin-bottom:14px}
.bim-stage svg{width:100%;max-width:360px;height:auto;display:block;margin:6px auto 12px}
.bim-stage .nk{transition:.4s;opacity:.35}
.bim-stage .head{transition:transform .45s ease}
.bim-stage.s0 .head{transform:translateX(0)}
.bim-stage.s1 .head{transform:translateX(-10px)}
.bim-stage.s2 .head{transform:translateX(14px)}
.bim-stage.s2 .nk{opacity:1}
.bim-slider{width:100%;accent-color:#1FB8C7;margin:8px 0 4px;cursor:pointer}
.bim-ticks{display:flex;justify-content:space-between;font-size:.78rem;color:#9fb0ba;margin-bottom:6px}
.bim-ticks span{flex:1;text-align:center}.bim-ticks span:first-child{text-align:left}.bim-ticks span:last-child{text-align:right}
/* force chart */
.bim-bars{display:flex;align-items:flex-end;gap:10px;height:128px;margin-top:18px;padding-top:6px}
.bim-bars .bar{flex:1;background:#3a5563;border-radius:5px 5px 0 0;min-width:14px;transition:background .25s,box-shadow .25s,opacity .25s}
.bim-bars .bl{font-size:.7rem;color:#9fb0ba;text-align:center;margin-top:8px;display:block;transition:color .2s}
.bim-barwrap{display:flex;flex-direction:column;justify-content:flex-end;flex:1;cursor:pointer}
.bim-barwrap.on .bar{background:#1FB8C7;box-shadow:0 0 0 1px rgba(31,184,199,.5),0 6px 14px rgba(31,184,199,.3)}
.bim-barwrap.on .bl{color:#fff;font-weight:600}
/* When a zone is selected, dim the others so the chart reads like a real selection. */
.bim-bars.has-sel .bim-barwrap:not(.on) .bar{opacity:.45}
/* donut */
.bim-donut{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.bim-donut svg{width:140px;height:140px;flex:none}
.bim-donut svg circle:last-of-type{transition:stroke-dasharray .6s cubic-bezier(.33,1,.68,1)}
.bim-donut svg text{transition:opacity .2s}
.bim-donut>div{flex:1;min-width:200px}
/* compare */
.bim-cmp{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:8px}
.bim-cmp th,.bim-cmp td{border:1px solid #425866;padding:11px 12px;text-align:left;vertical-align:top}
.bim-cmp thead th{color:#fff;background:#182A34;font-weight:600}
.bim-cmp tbody th{color:#fff;background:#1d2f39;font-weight:500;white-space:nowrap}
.bim-cmp td{text-align:center;font-size:1.05rem}
.bim-cmp .ok{color:#1FB8C7;font-weight:700}
.bim-cmp .warn{color:#E7B84B;font-weight:700}
.bim-cmp td[title]{cursor:help}
.bim-cmp tbody tr:hover th,.bim-cmp tbody tr:hover td{background:#1f3540}
.bim-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}
.bim-two .col{background:#182A34;border:1px solid #425866;border-radius:10px;padding:16px 18px}
.bim-two h5{margin:0 0 10px;color:#1FB8C7;font-family:'Inter',sans-serif;font-size:.95rem;font-weight:600}
.bim-two ul{margin:0;padding-left:18px}.bim-two li{margin:5px 0;line-height:1.5;color:#DDE4E8}
.post-inline-cta{display:flex;justify-content:center;margin:26px 0 6px}
@media(max-width:600px){.bim-two{grid-template-columns:1fr}.bim-cmp{font-size:.82rem}.bim-cmp th,.bim-cmp td{padding:8px 8px}}
