body[data-gc-lesson] .bwcr { --gc-ink:#182a40; --gc-paper:#fcf8ef; font-size:1.125rem; }
body[data-gc-lesson] .bwcr-intro {padding-block:1.2rem;}
body[data-gc-lesson] .bwcr-intro h1 {font-size:clamp(1.8rem,4vw,2.6rem);}
body[data-gc-lesson] .bwcr p,body[data-gc-lesson] .bwcr li,body[data-gc-lesson] .bwcr legend,body[data-gc-lesson] .bwcr label,body[data-gc-lesson] .bwcr figcaption,body[data-gc-lesson] .bwcr summary {font-size:1.125rem;line-height:1.7;}
body[data-gc-lesson] .bwcr button,body[data-gc-lesson] .bwcr select,body[data-gc-lesson] .gc-dialog button {font:inherit;font-size:1.125rem;line-height:1.45;min-height:44px;max-width:100%;white-space:normal;padding:.65rem .85rem;color:#182a40;background:#f2eaf7;border:2px solid #685080;border-radius:.45rem;cursor:pointer;}
body[data-gc-lesson] .bwcr button:hover {background:#e7d7ef;}
body[data-gc-lesson] :focus-visible {outline:3px solid #176c67;outline-offset:4px;}
body[data-gc-lesson] [hidden] {display:none!important;}
body[data-gc-lesson] .gc-controls {display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-block:.75rem;}
body[data-gc-lesson] .gc-model,body[data-gc-lesson] .gc-action {background:#fcf8ef;color:#182a40;border:1px solid #a7a0ac;border-radius:.6rem;padding:clamp(.6rem,2vw,1.2rem);margin:1.5rem 0;}
body[data-gc-lesson] .gc-model-grid {display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:1.2rem;align-items:start;}
body[data-gc-lesson] .gc-model-image,body[data-gc-lesson] .gc-action-image {max-width:360px;width:100%;}
body[data-gc-lesson] .gc-model svg,body[data-gc-lesson] .gc-action svg {display:block;width:100%;height:auto;}
body[data-gc-lesson] .gc-model svg text,body[data-gc-lesson] .gc-action svg text {font:25px Arial,sans-serif;fill:#182a40;}
body[data-gc-lesson] .gc-model select {width:100%;}
body[data-gc-lesson] .gc-model label {display:block;font-weight:bold;}
body[data-gc-lesson] .gc-figure {display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:1.25rem;margin:1.6rem 0;padding:1rem;background:#fcf8ef;border-block:1px solid #b0a8b4;color:#182a40;}
body[data-gc-lesson] .gc-figure img {width:100%;height:auto;display:block;object-fit:contain;}
body[data-gc-lesson] .gc-figure a {display:block;min-height:44px;}
body[data-gc-lesson] .gc-figure a span {display:block;padding-block:.7rem;font-size:1.125rem;}
body[data-gc-lesson] .gc-figure figcaption p {margin-top:0;}
body[data-gc-lesson] .gc-reasoning>ol {padding-left:1.4rem;}
body[data-gc-lesson] .gc-reasoning [data-gc-step] {padding-block:.6rem;border-bottom:1px solid #c9c0cf;}
body[data-gc-lesson] .gc-reasoning [data-gc-fact] {padding:.7rem;border-left:4px solid #176c67;background:#e5efea;color:#182a40;}
body[data-gc-lesson] .bwcr details {max-height:none;overflow:visible;}
body[data-gc-lesson] .bwcr summary {min-height:44px;padding:.65rem;cursor:pointer;}
body[data-gc-lesson] .bwcr fieldset {min-width:0;}
body[data-gc-lesson] .bwcr legend {width:100%;}
body[data-gc-lesson] .bwcr-options label {min-height:44px;align-items:flex-start;}
body[data-gc-lesson] .bwcr-options input {flex:none;width:1.3rem;height:1.3rem;margin-top:.25rem;}
body[data-gc-lesson] .gc-study {margin:1rem 0;}
body[data-gc-lesson] .gc-dialog {box-sizing:border-box;width:min(96vw,1000px);max-width:96vw;max-height:95vh;overflow:auto;background:#fcf8ef;color:#182a40;padding:1rem;border:2px solid #685080;border-radius:.6rem;font-size:1.125rem;}
body[data-gc-lesson] .gc-dialog::backdrop {background:rgba(12,22,39,.85);}
body[data-gc-lesson] .gc-dialog h2 {font-size:1.4rem;line-height:1.4;margin:0;}
body[data-gc-lesson] .gc-image-viewport {overflow:auto;max-height:65vh;overscroll-behavior:contain;touch-action:pan-x pan-y;border:1px solid #a7a0ac;}
body[data-gc-lesson] .gc-image-viewport img {display:block;width:auto;height:auto;max-height:60vh;max-width:100%;margin:auto;}
body[data-gc-lesson] .gc-image-viewport[data-zoom=true] img {width:max(900px,200%);max-width:none;max-height:none;margin:0;}
body[data-gc-lesson].gc-roomier .bwcr p,body[data-gc-lesson].gc-roomier .bwcr li,body[data-gc-lesson].gc-roomier .bwcr legend,body[data-gc-lesson].gc-roomier .bwcr button {font-size:1.35rem;line-height:1.85;}
@media(max-width:700px){body[data-gc-lesson] .gc-model-grid,body[data-gc-lesson] .gc-figure {grid-template-columns:minmax(0,1fr);}body[data-gc-lesson] .gc-figure{padding:.4rem;}body[data-gc-lesson] .gc-model{padding:.5rem;}body[data-gc-lesson] .gc-model-image,body[data-gc-lesson] .gc-figure>a{margin-inline:auto;max-width:360px;}body[data-gc-lesson] .bwcr article[data-case]{padding:.75rem;}}
@media(prefers-reduced-motion:reduce){body[data-gc-lesson] .bwcr *,body[data-gc-lesson] .gc-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

/* Keep the native exposure menu comfortably sized on macOS WebKit and at enlarged text. */
body[data-gc-lesson] .gc-model select {height:3.25rem;}