/* All rules are scoped to this lesson or its enlargement dialog. */
[data-chiari-learning] .chiari-activity{border:1px solid #8099a9;border-radius:.8rem;padding:1.2rem;margin:1.25rem 0 2rem;background:#f2f8f7;color:#17253d;overflow-wrap:anywhere}
[data-chiari-learning] .chiari-activity h3{margin-top:0;color:#134e49}
[data-chiari-learning] .chiari-activity p,[data-chiari-learning] .chiari-activity output,[data-chiari-learning] .chiari-reasoning{font-size:1.125rem;line-height:1.65}
[data-chiari-learning] [data-chiari-controls]{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:1rem 0}
[data-chiari-learning] [hidden]{display:none!important}
[data-chiari-learning] .chiari-activity button,[data-chiari-learning] .chiari-reasoning button,[data-chiari-learning] .chiari-activity select,.chiari-lightbox button{font:inherit;min-height:44px;padding:.65rem .8rem;border:2px solid #23615c;border-radius:.4rem;background:white;color:#153f3b;white-space:normal;max-width:100%;cursor:pointer}
[data-chiari-learning] .chiari-activity select{width:100%}
[data-chiari-learning] .chiari-activity button:disabled{opacity:.65;cursor:default}
[data-chiari-learning] :is(button,select,textarea,summary,a):focus-visible,.chiari-lightbox button:focus-visible{outline:3px solid #7541a3;outline-offset:3px}
[data-chiari-learning] [data-chiari-output]{display:block;padding:.9rem;border-left:4px solid #23615c;background:white;color:#17253d;margin:1rem 0;min-height:4rem}
[data-chiari-learning] [data-chiari-visual]{margin:1rem 0 1.5rem;padding:0;border:0;background:transparent}
[data-chiari-learning] [data-chiari-visual] svg{display:block;width:100%;height:auto;background:#fff;border-radius:.5rem;max-width:100%}
[data-chiari-learning] [data-chiari-visual] figcaption{font-size:1.125rem;color:#17253d;margin-top:.8rem;line-height:1.6}
[data-chiari-learning] .chiari-credit{font-size:1.125rem!important;color:#384c5c}
[data-chiari-learning] .chiari-photo img{display:block;width:100%;height:auto;max-width:839px;object-fit:contain}
[data-chiari-learning] .chiari-reasoning{margin:1.2rem 0;padding:1rem;border-left:3px solid #7541a3;background:#f6f2fa;color:#17253d}
[data-chiari-learning] .chiari-reasoning [data-chiari-prompt]{margin:1.1rem 0;padding-bottom:1rem;border-bottom:1px solid #b2a0bf}
[data-chiari-learning] .chiari-reasoning textarea{display:block;width:100%;box-sizing:border-box;font:inherit;border:1px solid #756086;border-radius:.3rem;padding:.6rem;background:white;color:#17253d;margin:.5rem 0;resize:vertical}
[data-chiari-learning] .chiari-reasoning label{font-size:1rem}
[data-chiari-learning] .chiari-reasoning [data-chiari-fact]{margin:.8rem 0 0}
[data-chiari-learning] .chiari-complete summary,[data-chiari-learning] .chiari-reasoning summary{min-height:44px;padding:.6rem;cursor:pointer}
[data-chiari-learning] .chiari-care-map{display:grid;gap:.6rem;margin:1rem 0}
[data-chiari-learning] .chiari-care-map span{padding:.8rem;border:2px solid #8293a1;border-radius:.4rem;background:white}
[data-chiari-learning] .chiari-care-map .chiari-selected{border:4px solid #7541a3;background:#ece1f7;font-weight:bold}
.chiari-lightbox{max-width:min(94vw,900px);max-height:90vh;padding:1rem;border:2px solid #23615c;border-radius:.5rem;background:#fff;color:#17253d}
.chiari-lightbox img{display:block;width:100%;height:auto;object-fit:contain;margin-top:1rem}
.chiari-lightbox::backdrop{background:rgba(11,22,36,.8)}
@media(max-width:400px){[data-chiari-learning] .chiari-activity,[data-chiari-learning] .chiari-reasoning{padding:.8rem}[data-chiari-learning] [data-chiari-controls] button{width:100%}}
@media(prefers-reduced-motion:reduce){[data-chiari-learning] .chiari-activity *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body[data-chiari-learning] .bwcr .bwcr-flow{grid-template-columns:minmax(0,1fr);min-width:0}
body[data-chiari-learning] .bwcr .bwcr-flow>*{min-width:0}
body[data-chiari-learning] .bwcr .bwcr-figure{margin-inline:0;min-width:0}
body[data-chiari-learning] .bwcr [data-chiari-option]{padding:.65rem;min-width:0}
body[data-chiari-learning] .bwcr .chiari-contents{padding:.4rem .8rem;margin:.75rem 0}
body[data-chiari-learning] .bwcr .chiari-contents summary{min-height:44px}
body[data-chiari-learning] .bwcr .chiari-care-map{grid-template-columns:minmax(0,1fr)}
@media(max-width:400px){body[data-chiari-learning] .bwcr details[data-answer]{padding:.6rem}body[data-chiari-learning] .bwcr .chiari-reasoning{padding:.6rem}body[data-chiari-learning] .bwcr button{padding:.6rem}}
body[data-chiari-learning] .bwcr .bwcr-flow{display:block;padding:1rem}
body[data-chiari-learning] .bwcr .bwcr-flow>*{width:auto;max-width:100%;margin:0 0 1rem}

[data-chiari-learning] [data-chiari-option]>summary{min-height:44px;padding:.6rem;cursor:pointer}
[data-chiari-learning] .chiari-reasoning label{font-size:1.125rem}

body[data-chiari-learning] .bwcr-intro{padding:1rem 1.25rem;margin-bottom:1rem}
body[data-chiari-learning] .bwcr-intro h1{font-size:clamp(1.6rem,4vw,2.4rem);margin:.3rem 0}

/* Keep native selector text and its arrow visible at 320px with doubled text. */
@media(max-width:400px){body[data-chiari-learning] .bwcr .chiari-activity{padding:.5rem}body[data-chiari-learning] .bwcr .chiari-activity select{box-sizing:border-box;padding-inline:.25rem}}