/* Opt-in only. Preserve the full lesson and let every control wrap at large text. */
[data-jaundice-visual-learning]{--gi-paper:#fffdf7;--gi-ink:#292236;--gi-soft:#f0eaf6;--gi-line:#8a769b;--gi-accent:#61457d;}
[data-jaundice-visual-learning] main{min-width:0;max-width:1120px;margin-inline:auto;padding:clamp(12px,3vw,32px);font-size:1.125rem;line-height:1.7;color:var(--gi-ink);}
[data-jaundice-visual-learning] [hidden]{display:none!important;}
[data-jaundice-visual-learning] .bwcr-intro{padding:16px 20px;margin-block:0 18px;}
[data-jaundice-visual-learning] .bwcr-intro h1{font-size:clamp(1.65rem,4vw,2.5rem);line-height:1.2;margin-block:0 8px;overflow-wrap:anywhere;}
[data-jaundice-visual-learning] .bwcr-intro p{margin-block:4px;font-size:1rem;}
[data-jaundice-visual-learning] h2,[data-jaundice-visual-learning] h3{line-height:1.35;overflow-wrap:anywhere;}
[data-jaundice-visual-learning] .gi-model{border:1px solid var(--gi-line);border-radius:18px;background:var(--gi-paper);padding:clamp(12px,3vw,24px);margin:16px 0 28px;box-shadow:0 5px 18px #2922360b;}
[data-jaundice-visual-learning] .gi-model h2{font-size:1.4em;margin:0 0 12px;}
[data-jaundice-visual-learning] .gi-prerequisite{max-width:65ch;margin-block:8px 16px;}
[data-jaundice-visual-learning] .gi-stage{width:min(100%,580px);margin:16px auto;}
[data-jaundice-visual-learning] .gi-stage svg{display:block;width:100%;height:auto;max-width:100%;}
[data-jaundice-visual-learning] .gi-model-legend{display:flex;flex-wrap:wrap;gap:6px 28px;padding-left:24px;margin:12px 0;font-size:1em;}
[data-jaundice-visual-learning] .gi-model-legend li{flex:1 1 220px;}
[data-jaundice-visual-learning] .gi-limit{border-left:4px solid var(--gi-line);padding:12px 16px;background:var(--gi-soft);}
[data-jaundice-visual-learning] .gi-predictions{margin:16px 0;}
[data-jaundice-visual-learning] .gi-predictions fieldset{border:1px solid var(--gi-line);padding:12px;border-radius:12px;min-width:0;}
[data-jaundice-visual-learning] .gi-predictions legend{font-size:1.1em;font-weight:650;max-width:100%;padding-inline:5px;}
[data-jaundice-visual-learning] .gi-controls{display:flex;flex-wrap:wrap;gap:10px;margin-block:12px;}
[data-jaundice-visual-learning] :is(.gi-model,.gi-reasoning,.gi-image-dialog) button{font:inherit;line-height:1.45;min-height:44px;max-width:100%;white-space:normal;padding:10px 15px;border:1px solid var(--gi-accent);border-radius:9px;background:var(--gi-paper);color:var(--gi-accent);cursor:pointer;overflow-wrap:anywhere;}
[data-jaundice-visual-learning] .gi-predictions button{margin:6px 8px 6px 0;background:var(--gi-soft);}
[data-jaundice-visual-learning] button:disabled{cursor:default;opacity:.6;}
[data-jaundice-visual-learning] :is(button,select,a,summary):focus-visible{outline:3px solid #23627d;outline-offset:3px;}
[data-jaundice-visual-learning] .gi-state-history:empty{display:none;}
[data-jaundice-visual-learning] .gi-state-history{background:var(--gi-soft);padding:12px 16px 12px 38px;border-radius:10px;}
[data-jaundice-visual-learning] .gi-state-history li{padding-block:6px;}
[data-jaundice-visual-learning] [data-gi-model-feedback]:empty{display:none;}
[data-jaundice-visual-learning] [data-gi-model-feedback]{padding:12px;background:var(--gi-soft);border-radius:10px;}
[data-jaundice-visual-learning] .gi-reasoning{background:var(--gi-soft);border-left:4px solid var(--gi-accent);padding:14px 16px;margin:24px 0;border-radius:0 12px 12px 0;}
[data-jaundice-visual-learning] .gi-reasoning h3{margin:0 0 12px;font-size:1.16em;}
[data-jaundice-visual-learning] .gi-reasoning ol{margin:0;padding-left:22px;}
[data-jaundice-visual-learning] .gi-reasoning li{padding:8px 0 16px;}
[data-jaundice-visual-learning] .gi-question{font-weight:650;margin:0 0 8px;}
[data-jaundice-visual-learning] [data-gi-step-answer]{background:var(--gi-paper);padding:10px 14px;border-radius:9px;margin-top:8px;}
[data-jaundice-visual-learning] [data-gi-step-answer] p{margin:0;}
[data-jaundice-visual-learning] .gi-figure{display:block;margin:24px auto;max-width:620px;min-width:0;}
[data-jaundice-visual-learning] .gi-figure>a{display:block;border:1px solid var(--gi-line);border-radius:14px;overflow:hidden;background:var(--gi-paper);color:var(--gi-accent);}
[data-jaundice-visual-learning] .gi-figure img{display:block;width:100%;height:auto;object-fit:contain;}
[data-jaundice-visual-learning] .gi-image-action{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;text-align:center;font-weight:650;}
[data-jaundice-visual-learning] .gi-figure figcaption{padding:8px 2px;}
[data-jaundice-visual-learning] .gi-figure figcaption p{margin-block:8px;font-size:1em;}
[data-jaundice-visual-learning] .gi-attribution{border-top:1px solid #c6bace;padding-top:8px;overflow-wrap:anywhere;}
[data-jaundice-visual-learning] .gi-option-selector{display:grid;gap:8px;margin:12px 0;}
[data-jaundice-visual-learning] select{font:inherit;min-height:44px;max-width:100%;width:100%;white-space:normal;color:var(--gi-ink);background:var(--gi-paper);border:1px solid var(--gi-line);padding:9px;border-radius:8px;}
[data-jaundice-visual-learning] summary{cursor:pointer;min-height:44px;padding-block:9px;}
[data-jaundice-visual-learning] [data-gi-image-dialog]{box-sizing:border-box;width:min(94vw,1100px);max-width:94vw;max-height:92dvh;padding:16px;background:var(--gi-paper);color:var(--gi-ink);border:2px solid var(--gi-line);border-radius:12px;overflow:auto;}
[data-jaundice-visual-learning] [data-gi-image-dialog]::backdrop{background:#15111bd9;}
[data-jaundice-visual-learning] .gi-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;position:sticky;top:-16px;padding:8px 0;background:var(--gi-paper);z-index:2;}
[data-jaundice-visual-learning] .gi-dialog-heading h2{font-size:1.25em;margin:0;}
[data-jaundice-visual-learning] .gi-diagram-key{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;}
@media(min-width:900px){[data-jaundice-visual-learning] .gi-stage{max-width:520px;}}
@media(prefers-reduced-motion:reduce){[data-jaundice-visual-learning] :is(.gi-model,.gi-reasoning,.gi-figure) *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

[data-jaundice-visual-learning] .gi-image-viewport{max-height:62dvh;overflow:auto;}
[data-jaundice-visual-learning] .gi-image-viewport img{width:100%;height:auto;}
[data-jaundice-visual-learning] .gi-image-viewport[data-full-size="true"] img{width:auto;max-width:none;height:auto;}

/* Beat the generic lesson specificity without scaling down reading text. */
body[data-jaundice-visual-learning] main.bwcr{box-sizing:border-box;width:100%;max-width:900px;padding-inline:clamp(12px,3vw,32px);}
body[data-jaundice-visual-learning] main.bwcr .gi-reasoning ol{padding-inline-start:22px;margin-block:0;}
body[data-jaundice-visual-learning] main.bwcr .gi-reasoning button,
body[data-jaundice-visual-learning] main.bwcr .gi-model button{box-sizing:border-box;padding:10px 12px;}
@media(max-width:600px){
 body[data-jaundice-visual-learning] main.bwcr .gi-reasoning button{width:100%;margin-inline:0;}
 body[data-jaundice-visual-learning] main.bwcr article[data-case]{padding:12px;}
 body[data-jaundice-visual-learning] main.bwcr .bwcr-options{padding-inline-start:0;}
 body[data-jaundice-visual-learning] main.bwcr .bwcr-options label{padding:10px;}
}

body[data-jaundice-visual-learning] main.bwcr [data-jv-emphasis]{font-weight:750;}
body[data-jaundice-visual-learning] .gi-image-natural img{width:auto;max-width:none;height:auto;}
body[data-jaundice-visual-learning] .gi-stage{scroll-margin-top:calc(var(--bw-header-height,140px) + 16px);}
body[data-jaundice-visual-learning] [data-gi-elite-notice]{padding:18px;border:1px solid var(--gi-line);border-radius:12px;background:var(--gi-soft);}
body[data-jaundice-visual-learning] [data-gi-elite-notice] a{display:inline-flex;align-items:center;min-height:44px;margin:6px 12px 6px 0;}

body[data-jaundice-visual-learning] main.bwcr .bwcr-intro{padding:12px 16px;margin-block:0 12px;}
body[data-jaundice-visual-learning] main.bwcr .bwcr-intro .bwcr-eyebrow{display:none;}
body[data-jaundice-visual-learning] main.bwcr .bwcr-intro h1{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;margin:0;}