/* BellaNova OIBM educational animation; scoped to this component. */
.oibm-figure{margin:0;max-width:100%;border:1px solid #c2b18d;background:#191d1b;color:#ede9df;overflow:hidden}
.oibm-heading{padding:clamp(1.2rem,3vw,2.25rem);padding-bottom:1rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}
.oibm-figure .oibm-kicker{font-size:.67rem;letter-spacing:.2em;color:#d2b885;text-transform:uppercase;margin:0 0 .65rem}
.oibm-figure .oibm-heading h2{font-family:Fraunces,Georgia,serif;font-size:clamp(1.6rem,3.7vw,2.65rem);font-weight:300;line-height:1.1;border:0;padding:0;margin:0;color:#f5f0e4}
.oibm-heading .oibm-subtitle{margin:.55rem 0 0;max-width:36rem;font-size:.86rem;color:#c1c5b9;line-height:1.5}
.oibm-mark{font-family:Fraunces,Georgia,serif;letter-spacing:.18em;font-size:.7rem;color:#b69c68;white-space:nowrap;padding-bottom:.3rem}
.oibm-svg{display:block;width:100%;height:auto;overflow:visible}
.oibm-legend{display:flex;flex-wrap:wrap;gap:.55rem 1.6rem;padding:0 clamp(1.2rem,3vw,2.25rem) 1.2rem;font-size:.74rem;color:#cfcec3}
.oibm-legend span{display:inline-flex;align-items:center;gap:.5rem}.oibm-legend i{width:.6rem;height:.6rem;border-radius:50%;background:#e5dfc9;display:inline-block}.oibm-legend .oibm-gold{background:#d8bf84}.oibm-legend .oibm-silver{background:#b8c8ce}
.oibm-controls{border-top:1px solid #3c423a;padding:1.3rem clamp(1.2rem,3vw,2.25rem) 1.7rem;background:#121614}
.oibm-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:0 0 1.3rem;padding:0;list-style:none}
.oibm-steps button{width:100%;text-align:left;border:0;border-top:2px solid #41463c;background:transparent;padding:.8rem .1rem .1rem;color:#a8afa1;font:500 .78rem Archivo,Arial,sans-serif;cursor:pointer}
.oibm-steps button span{display:block;font-size:.6rem;letter-spacing:.13em;margin-bottom:.4rem;color:#858e7c}
.oibm-steps button[aria-current="step"]{border-color:#d7bc83;color:#f5e8ca}.oibm-steps button[aria-current="step"] span{color:#d7bc83}
.oibm-transport{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}
.oibm-figure .oibm-play{background:#d1b77f;border:1px solid #d1b77f;color:#191e18;font:600 .76rem Archivo,Arial,sans-serif;min-width:9.5rem;min-height:44px;padding:.75rem 1rem;cursor:pointer}
.oibm-figure .oibm-play:hover{background:#e4cfa3}.oibm-timeline{display:flex;align-items:center;gap:.9rem;flex:1;min-width:170px}.oibm-timeline input{accent-color:#d2b885;width:100%;height:24px;cursor:pointer}.oibm-time{font:400 .72rem Archivo,Arial,sans-serif;font-variant-numeric:tabular-nums;min-width:4.8rem;color:#b9bfae}
.oibm-figure .oibm-caption{font-size:.88rem;line-height:1.55;color:#dedfd2;margin:1.15rem 0 0;min-height:2.8em;max-width:56rem}
.oibm-figure .oibm-footnote{font-size:.7rem;line-height:1.55;color:#a6ae9c;margin:.8rem 0 0;max-width:60rem}
.oibm-figure button:focus-visible,.oibm-figure input:focus-visible{outline:2px solid #f5dba3;outline-offset:5px}
.oibm-section{padding-top:0}.oibm-section .wrap{max-width:1120px}.oibm-article .prose{min-width:0}.oibm-table{overflow:auto;max-width:100%}.oibm-table table{min-width:570px}.oibm-article .prose table th[scope="row"]{text-transform:none;letter-spacing:0;color:var(--text-dark);font-size:.84rem}.oibm-article .prose p{overflow-wrap:break-word}
@media(max-width:600px){.oibm-mark{display:none}.oibm-svg{width:123%;max-width:none;margin-left:-12%}.oibm-annotations{display:none}.oibm-transport{gap:.85rem}.oibm-play{flex:1}.oibm-timeline{min-width:100%;order:2}.oibm-figure .oibm-caption{min-height:4.5em}.oibm-heading{padding-bottom:.5rem}.oibm-legend{font-size:.66rem;gap:.5rem 1rem}.oibm-steps button{font-size:.69rem;min-height:48px}}
@media(prefers-reduced-motion:reduce){.oibm-figure *{scroll-behavior:auto;transition:none!important}}
@media print{.oibm-controls{display:none}.oibm-figure{break-inside:avoid}.oibm-svg{width:100%;margin:0}.oibm-figure{print-color-adjust:exact}}