body[data-acid-learning] .bwcr {font-size:1.125rem;line-height:1.65;max-width:74rem;}
body[data-acid-learning] .bwcr-intro{padding-block:1.2rem .4rem;}
body[data-acid-learning] .bwcr-intro h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.13;}
body[data-acid-learning] #contents{margin-block:1rem 1.5rem;}
body[data-acid-learning] #contents ol{display:flex;flex-wrap:wrap;gap:.3rem 1rem;padding:0;list-style:none;}
body[data-acid-learning] #contents a{display:block;min-height:44px;align-content:center;}
body[data-acid-learning] section[data-lesson-section]{padding-block:1.5rem;border-top:1px solid #49616f;margin-top:1.5rem;}
body[data-acid-learning] h2{line-height:1.25;}
body[data-acid-learning] p{max-width:72ch;}
.acid-predict,.acid-lab{margin-block:1.5rem;padding:clamp(.8rem,3vw,1.5rem);border:1px solid #628b98;border-radius:18px;background:#102934;color:#f0f5f7;}
.acid-eyebrow{font-weight:700;color:#8ce8d5;letter-spacing:.04em;}
.acid-predict h3,.acid-lab h3{margin-top:.35rem;}
[data-acid-chain] details,[data-acid-transfer]{border-block-end:1px solid #58717c;padding:.4rem 0;}
[data-acid-chain] summary,[data-acid-transfer] summary{min-height:44px;padding:.6rem .3rem;cursor:pointer;font-weight:650;}
[data-acid-option]>summary{min-height:44px;padding:.7rem .2rem;cursor:pointer;font-weight:700;}
[data-acid-chain] details p{border-left:3px solid #78d7c3;padding:.35rem .75rem;margin:.45rem 0 1rem;}
[data-acid-rule]{padding:.8rem 1rem;border-left:3px solid #f5bd73;}
.acid-controls{display:flex;flex-wrap:wrap;gap:.65rem;margin-block:1rem;}
.acid-controls label,.acid-controls select{width:100%;}
.acid-controls select{white-space:normal;max-width:100%;min-width:0;}
body[data-acid-learning] .bwcr button,body[data-acid-learning] .bwcr select,.acid-enlargement button{font:inherit;min-height:44px;padding:.65rem .8rem;line-height:1.3;border-radius:9px;white-space:normal;}
.acid-controls button,[data-acid-chain] button,.acid-enlargement button{border:1px solid #8bcbc9;background:#164d54;color:#f5ffff;cursor:pointer;}
.acid-controls select{background:#102934;color:#fff;border:1px solid #88b6c8;}
.acid-controls button:disabled{opacity:.6;cursor:default;}
.acid-secondary{background:transparent!important;}
body[data-acid-learning] article[data-case] [data-acid-chain] button{color:inherit;}
.acid-model-grid{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:1.5rem;}
.acid-model-grid svg{display:block;width:100%;height:auto;max-width:400px;margin-inline:auto;}
.acid-model-grid li{margin-bottom:1rem;}
.acid-model-grid [data-acid-output]{padding:.9rem;background:#1c3c48;border-radius:10px;}
[data-acid-worked]{border-top:1px solid #58717c;margin-top:1.5rem;}
[data-acid-worked] li{margin-block:1rem;}
figure[data-acid-figure]{margin:1.5rem 0;padding:1rem;background:#0b202b;border:1px solid #49616f;border-radius:16px;}
.acid-image-scroll{overflow:auto;max-width:100%;border-radius:8px;overscroll-behavior-inline:contain;}
figure[data-acid-figure] img{display:block;width:100%;height:auto;margin:auto;}
figure[data-acid-figure] .acid-image-scroll>a{min-width:47.5rem;}
figure[data-acid-figure] a[data-acid-enlarge]{display:block;min-height:44px;color:#adede5;}
figure[data-acid-figure] a span{display:block;text-align:center;padding:.7rem;}
figure[data-acid-figure] figcaption{font-size:1.125rem;line-height:1.5;margin-top:.5rem;}
.acid-figure-note{font-size:1.125rem!important;}
body[data-acid-learning] .bwcr :is(.bwcr-tool-note,.bwcr-activity-label,.bwcr-sources){font-size:1.125rem;}
.acid-enlargement{box-sizing:border-box;max-width:96vw;width:1000px;max-height:94dvh;overflow:auto;padding:1rem;background:#0b202b;color:#f0f5f7;border:1px solid #88c7d7;border-radius:12px;}
.acid-enlargement::backdrop{background:#000c;}
.acid-enlargement button{position:sticky;top:0;left:0;max-width:100%;background:#164d54;z-index:1;}
.acid-enlargement img{display:block;width:100%;min-width:47.5rem;}
.acid-enlargement p{font-size:1.125rem;max-width:100%;}
body[data-acid-learning] :focus-visible{outline:3px solid #f5bd73;outline-offset:4px;}
body[data-acid-learning] [hidden]{display:none!important;}
@media(max-width:700px){.acid-model-grid{grid-template-columns:minmax(0,1fr);}.acid-controls button{flex:1 1 100%;}body[data-acid-learning] .bwcr{padding-inline:1rem;}figure[data-acid-figure]{padding:.4rem;}.acid-enlargement{padding:.7rem;}}
@media(max-width:700px){
 body[data-acid-learning] .bwcr{padding-inline:12px;}
 body[data-acid-learning] .bwcr section[data-lesson-section]{padding-inline:0;}
 body[data-acid-learning] .bwcr .acid-lab,body[data-acid-learning] .bwcr .acid-predict{padding:12px;}
 .acid-model-grid{gap:12px;}
 .acid-controls button[data-acid-replay],.acid-controls button[data-acid-reset]{flex:1 1 90px;}
 [data-acid-worked] ol,[data-acid-history]{padding-inline-start:1.3em;}
}
@media(prefers-reduced-motion:reduce){body[data-acid-learning] *,body[data-acid-learning] *::before,body[data-acid-learning] *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important;}}
/* Disclosures inside the dark predict and lab panels keep the panel surface and its light
   text (the shared lesson disclosure is a light card with dark ink). */
body[data-acid-learning] .bwcr :is(.acid-predict,.acid-lab) details{margin-top:0;padding:.4rem 0;background:transparent;color:inherit;border:0;border-block-end:1px solid #58717c;border-radius:0;}
/* Captions and links on the dark figure card. */
body[data-acid-learning] .bwcr figure[data-acid-figure]{color:#f0f5f7;}
body[data-acid-learning] .bwcr figure[data-acid-figure] figcaption a{color:#adede5;}
/* Diagrams fit the column on phones; the enlarge link opens the complete diagram. */
body[data-acid-learning] .bwcr figure[data-acid-figure] .acid-image-scroll{overflow:visible;}
body[data-acid-learning] .bwcr figure[data-acid-figure] .acid-image-scroll>a{min-width:0;}