@font-face{font-family:BWCRText;src:url('/fonts/space-grotesk-latin-wght-normal-06408904.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:BWCRDisplay;src:url('/fonts/newsreader-latin-wght-normal-62981321.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
body[data-bw-content-remake]{margin:0;background:#f5f4f0;color:#10111b}
.bwcr{--bwcr-ink:#10111b;--bwcr-paper:#fffefa;--bwcr-accent:#7354a6;--bwcr-lilac:#c6b2f5;box-sizing:border-box;max-width:78rem;margin:auto;padding:0 2.5rem;font:400 1.125rem/1.7 BWCRText,system-ui,sans-serif;overflow-wrap:break-word}
.bwcr *,.bwcr *::before,.bwcr *::after{box-sizing:border-box}
.bwcr p,.bwcr li,.bwcr dd{max-width:70ch}
.bwcr p{margin:0 0 1.3em}
.bwcr a{color:#60418d;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.bwcr a:hover{color:#10111b;text-decoration-thickness:2px}
.bwcr :is(a,button,summary,input):focus-visible,.bwcr-skip:focus-visible{outline:3px solid #7354a6;outline-offset:5px}
.bwcr h1,.bwcr h2,.bwcr h3,.bwcr h4{color:#10111b;text-wrap:balance}
.bwcr h1{font:500 clamp(2.25rem,7vw,6rem)/1.05 BWCRDisplay,Georgia,serif;letter-spacing:-.04em;margin:.3em 0 .25em;hyphens:auto}
.bwcr h2{font:500 clamp(2rem,4vw,3.2rem)/1.17 BWCRDisplay,Georgia,serif;margin:.2em 0 .65em;max-width:25ch;letter-spacing:-.025em}
.bwcr h3{font:600 1.6rem/1.35 BWCRText,system-ui,sans-serif;margin:2.1em 0 .75em;max-width:40ch;letter-spacing:-.025em}
.bwcr h4{font:600 1.2rem/1.45 BWCRText,system-ui,sans-serif;margin:1.7em 0 .65em}
.bwcr .bwcr-eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#60418d;margin-bottom:1rem}
.bwcr-intro{padding:4.5rem 0 2.3rem;max-width:72ch}
.bwcr .bwcr-deck{font:400 clamp(1.5rem,3vw,2rem)/1.4 BWCRDisplay,Georgia,serif;margin-bottom:1.2rem}
.bwcr .bwcr-route{font-size:1rem;margin:1.8rem 0 0}
.bwcr-toc{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;border-top:1px solid #b5acbf;border-bottom:1px solid #b5acbf;padding:1rem 0;margin-bottom:2rem}
.bwcr-toc a{display:inline-flex;align-items:baseline;gap:.65rem;padding:.45rem 0;font-size:1rem;min-height:44px;text-decoration:none}
.bwcr-toc span{font-size:.8rem;color:#60418d}
.bwcr section[data-lesson-section]{padding:3.3rem 0 3rem;border-bottom:1px solid #b5acbf;max-width:100%}
.bwcr .bwcr-lead{font-size:1.25rem;line-height:1.65;margin-bottom:2rem;max-width:62ch}
.bwcr-compare,.bwcr-drug-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin:1.7rem 0}
.bwcr-compare figure{margin:0;background:#fffefa;border-top:3px solid #7354a6;padding:1.5rem}
.bwcr-compare h3,.bwcr-compare h4,.bwcr-drug-pair h4{margin-top:0}
.bwcr-compare svg{display:block;width:100%;max-width:350px;height:auto;margin:0 auto 1rem;overflow:visible}
.bwcr figcaption{font-size:1.0625rem;line-height:1.7}
.bwcr .bwcr-caption{font-size:1rem;color:#48424e;max-width:75ch}
.bwcr-trace{fill:none;stroke:#10111b;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.bwcr-purple{stroke:#7354a6}
.bwcr-axis{fill:none;stroke:#82798d;stroke-width:1}
.bwcr-guide{fill:none;stroke:#82798d;stroke-width:1.5;stroke-dasharray:5 5}
.bwcr-bracket,.bwcr-arrow{fill:none;stroke:#7354a6;stroke-width:3}
.bwcr-svg-label{font:20px BWCRText,system-ui,sans-serif;fill:#10111b}
.bwcr-intervals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;margin:2rem 0}
.bwcr-intervals figure{margin:0;min-width:0}
.bwcr-intervals svg{width:100%;height:auto;display:block;background:#fffefa;margin-bottom:1rem}
.bwcr-intervals h4{font-size:1.1rem;margin:0 0 .65rem}
.bwcr-anchor{border-left:4px solid #7354a6;padding:.4rem 0 .4rem 1.3rem;font-size:1.25rem;font-weight:600;margin:2rem 0!important}
.bwcr-definitions{margin:1.5rem 0 2rem;max-width:72ch}
.bwcr-definitions>div{border-top:1px solid #d0cbd5;padding:1rem 0}
.bwcr dt{font-weight:600;margin:0 0 .4rem}
.bwcr dd{margin:0}
.bwcr-family-row{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:2rem;border-top:1px solid #b5acbf;padding:1.8rem 0 .8rem}
.bwcr-family-row h4{margin:0;font:500 2.5rem/1.2 BWCRDisplay,Georgia,serif}
.bwcr-family-row h4 span{display:block;font:400 1rem/1.5 BWCRText,system-ui,sans-serif;margin-top:.7rem}
.bwcr ul,.bwcr ol{padding-left:1.6rem;margin:1rem 0 1.6rem}
.bwcr li{padding-left:.3rem;margin-bottom:1rem}
.bwcr-drug-pair>div{border-top:2px solid #c6b2f5;padding-top:1.3rem}
.bwcr-decisions{max-width:72ch}
.bwcr-decisions li::marker{color:#60418d;font-weight:600}
.bwcr-case{padding:2.8rem 0;border-top:1px solid #b5acbf;max-width:72ch;margin-top:1rem}
.bwcr-case h3{margin:.2rem 0 1rem;font-size:1.6rem}
.bwcr-case fieldset{border:0;padding:0;margin:0;min-width:0}
.bwcr-case legend{font-size:1rem;font-weight:600;margin-bottom:.8rem;padding:0}
.bwcr-option{display:flex;align-items:flex-start;gap:.9rem;padding:.9rem 1rem;margin:.55rem 0;border:1px solid #aaa1b4;border-radius:6px;background:#fffefa;cursor:pointer;line-height:1.65;min-height:48px}
.bwcr-option:has(input:checked){background:#e9e0f8;border-color:#7354a6;box-shadow:inset 3px 0 #7354a6}
.bwcr-option input{flex:0 0 auto;width:20px;height:20px;margin:.3em 0 0;accent-color:#7354a6}
.bwcr-option span{min-width:0}
.bwcr button{font:600 1rem/1.5 BWCRText,system-ui,sans-serif;background:#10111b;color:#fffefa;border:2px solid #10111b;border-radius:5px;padding:.8rem 1.2rem;margin-top:1rem;min-height:48px;white-space:normal;cursor:pointer;max-width:100%}
.bwcr button:hover{background:#352541}
.bwcr [hidden]{display:none!important}
.bwcr .bwcr-status{font-size:1rem;margin:1rem 0}
.bwcr-case details{border-left:3px solid #c6b2f5;padding:0 0 0 1rem;margin-top:1rem}
.bwcr-case summary{font-size:1rem;font-weight:600;cursor:pointer;padding:.65rem 0;min-height:44px}
.bwcr-case details[open] summary{margin-bottom:1rem}
.bwcr-rationale strong{display:block;margin-bottom:.25rem}
.bwcr .bwcr-sources{font-size:1rem;line-height:1.7;margin-top:1.3rem}
.bwcr-references{padding:3.5rem 0 1rem;max-width:72ch}
.bwcr-references li{font-size:1rem}
.bwcr-references li p{margin:.3rem 0 1.5rem;color:#48424e}
.bwcr-footer{padding:2rem 0 4rem;font-size:1rem;max-width:72ch}
.bwcr-footer p{margin-top:1.5rem}
.bwcr-skip{position:absolute;left:1rem;top:-8rem;z-index:10050;background:#fffefa;color:#10111b;padding:1rem;font:600 1rem/1.5 system-ui}
.bwcr-skip:focus{position:fixed;top:1rem}
@media(min-width:1200px){.bwcr-intervals figcaption{font-size:1rem}}
@media(max-width:900px){.bwcr{padding:0 1.5rem}.bwcr-intervals{grid-template-columns:1fr}.bwcr-intervals figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.4rem 1.5rem}.bwcr-intervals h4{grid-column:1/-1}.bwcr-intervals svg{max-width:350px}.bwcr-intervals figcaption{align-self:center}}
@media(max-width:600px){.bwcr{padding:0 1rem}.bwcr-intro{padding-top:2.5rem}.bwcr-toc{gap:.25rem 1rem}.bwcr-toc a{flex-basis:100%}.bwcr-compare,.bwcr-drug-pair{grid-template-columns:1fr;gap:1.5rem}.bwcr-compare figure{padding:1rem}.bwcr-family-row{grid-template-columns:1fr;gap:1rem}.bwcr-family-row h4{display:flex;align-items:center;gap:1rem}.bwcr-family-row h4 span{margin:0}.bwcr-intervals figure{display:block}.bwcr-intervals svg{margin:0 auto 1rem}.bwcr-intervals h4{margin-bottom:1rem}.bwcr section[data-lesson-section]{padding:2.5rem 0}.bwcr .bwcr-lead{font-size:1.125rem}.bwcr-case{padding:2rem 0}.bwcr-option{padding:.8rem;gap:.7rem}.bwcr-case details{padding-left:.75rem}}
@media(prefers-reduced-motion:reduce){.bwcr *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body[data-bw-content-remake]{background:white}.bwcr{max-width:none;padding:0;font-size:12pt}.bwcr-skip,.bwcr-toc,.bwcr button,.bwcr-status{display:none!important}.bwcr-case details::details-content{content-visibility:visible!important;display:block!important}.bwcr-case{break-inside:avoid}.bwcr a{color:#10111b}.bwcr-compare{grid-template-columns:1fr 1fr}}

/* The activity layer is optional; all core teaching stays in document flow. */
body[data-bw-content-remake] .bwcr .bwcr-study-tools {
  margin-block: 1.75rem 2rem; padding: 1.25rem 1.4rem;
  border: 1px solid #b5a7c8; border-radius: .75rem; background: #eee8f5;
}
body[data-bw-content-remake] .bwcr .bwcr-activity-label {
  color: #593a87; font-size: .95rem; font-weight: 700; margin-bottom: .65rem;
}
body[data-bw-content-remake] .bwcr .bwcr-tool-note { font-size: 1rem; line-height: 1.65; }
body[data-bw-content-remake] .bwcr .bwcr-tool-row {
  display: flex; flex-wrap: wrap; align-items: center; gap: .65rem;
  margin-block: .8rem 1rem; max-width: 100%;
}
body[data-bw-content-remake] .bwcr .bwcr-tool-row > * { min-width: 0; }
body[data-bw-content-remake] .bwcr .bwcr-study-link {
  display: inline-flex; align-items: center; min-height: 44px;
  padding: .55rem .8rem; font-weight: 600;
}
body[data-bw-content-remake] .bwcr button.bwcr-secondary {
  background: transparent; color: #593a87; border: 1px solid #88709f;
  font-weight: 500; font-size: 1rem; padding: .55rem .85rem;
}
body[data-bw-content-remake] .bwcr button.bwcr-secondary[aria-pressed=true] {
  background: #e5d8f3; border-color: #593a87; font-weight: 650;
}
body[data-bw-content-remake] .bwcr button:disabled { cursor: default; opacity: .6; }
body[data-bw-content-remake] .bwcr .bwcr-checkpoint {
  margin-block: 2.25rem; padding: 1.3rem; border-inline-start: 4px solid #725191;
  border-radius: .2rem .6rem .6rem .2rem; background: #efebf4;
}
body[data-bw-content-remake] .bwcr [data-inline-check] { border-top: 0; padding-block: .3rem 0; }
body[data-bw-content-remake] .bwcr [data-cover-choices] { margin: .6rem 0; }
body[data-bw-content-remake] .bwcr .bwcr-case-tools { margin-bottom: 0; }
body[data-bw-content-remake] .bwcr .bwcr-pause-point {
  display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; margin-block: 1.5rem 0;
}
body[data-bw-content-remake] .bwcr .bwcr-pause-point span { font-size: 1rem; }
body[data-bw-content-remake] .bwcr [data-revisit-list] a { overflow-wrap: anywhere; }
body[data-bw-content-remake] .bwcr.bwcr-roomy {
  width: min(100% - 2rem, 60ch); font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 1.2rem; line-height: 1.9; letter-spacing: .015em;
}
body[data-bw-content-remake] .bwcr.bwcr-roomy p { margin-bottom: 1.5em; }
body[data-bw-content-remake] .bwcr .bwcr-lab {
  margin-block: 2rem; padding: clamp(1.2rem, 3vw, 2rem);
  border: 1px solid #6d568c; border-radius: .75rem; background: #191726; color: #fffefa;
}
body[data-bw-content-remake] .bwcr .bwcr-lab h3 { margin-top: .6rem; }
body[data-bw-content-remake] .bwcr .bwcr-lab :is(.bwcr-activity-label,a) { color: #ded0f7; }
body[data-bw-content-remake] .bwcr .bwcr-lab label {
  display: block; margin-block: 1.2rem .3rem; font-weight: 600; line-height: 1.5;
}
body[data-bw-content-remake] .bwcr .bwcr-lab input[type=range] {
  display: block; width: 100%; min-width: 0; height: 44px; margin: 0;
  accent-color: #d2b7f9;
}
body[data-bw-content-remake] .bwcr .bwcr-lab [data-lab-output] {
  display: block; padding-block: 1rem; font-size: clamp(1.35rem, 2.4vw, 1.8rem);
  line-height: 1.45; font-weight: 650; color: #e1d3f8;
}
body[data-bw-content-remake] .bwcr .bwcr-lab button {
  background: #d2b7f9; color: #171222; border-color: #d2b7f9;
}
body[data-bw-content-remake] .bwcr .bwcr-lab button.bwcr-secondary {
  background: transparent; color: #eee5fd; border-color: #ccb3ec;
}
body[data-bw-content-remake] .bwcr .bwcr-lab :focus-visible { outline-color: #f4e9ff; }
@media (max-width: 26rem) {
  body[data-bw-content-remake] .bwcr .bwcr-checkpoint { padding: .9rem; }
  body[data-bw-content-remake] .bwcr .bwcr-study-tools { padding: 1rem; }
}
@media print {
  body[data-bw-content-remake] .bwcr :is([data-study-tools],.bwcr-case-tools,[data-cover-choices],.bwcr-pause-point,[data-lab-controls]) { display: none !important; }
  body[data-bw-content-remake] .bwcr .bwcr-options[hidden],
  body[data-bw-content-remake] .bwcr fieldset[hidden] { display: block !important; }
}

/* Native containers may force a dark body. Keep the reviewed reading palette paired.
   This does not recolor clinical diagrams or alter ordinary website presentation. */
:is(html:is([data-bw-app-mode="1"], [data-bw-native-reader-ready="1"], :has(#bw-native-reader-style)) body[data-bw-content-remake],
    body[data-bw-content-remake].bw-ios-app-mode) {
  background: #f5f4f0 !important;
  color: #191923;
  color-scheme: light;
}
:is(html:is([data-bw-app-mode="1"], [data-bw-native-reader-ready="1"], :has(#bw-native-reader-style)) body[data-bw-content-remake],
    body[data-bw-content-remake].bw-ios-app-mode) > :is(#bw-global-header, .bw26-site-header) {
  display: none !important;
}
:is(html:is([data-bw-app-mode="1"], [data-bw-native-reader-ready="1"], :has(#bw-native-reader-style)) body[data-bw-content-remake],
    body[data-bw-content-remake].bw-ios-app-mode) main.bwcr {
  --bw-modern-header-height: 0px;
  color: var(--bwcr-ink, #191923);
  background: #f5f4f0;
  color-scheme: light;
  padding-top: max(1.25rem, env(safe-area-inset-top, 0px)) !important;
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 8rem) !important;
}
:is(html:is([data-bw-app-mode="1"], [data-bw-native-reader-ready="1"], :has(#bw-native-reader-style)) body[data-bw-content-remake],
    body[data-bw-content-remake].bw-ios-app-mode) .bwcr [id] {
  scroll-margin-top: 1.25rem;
  scroll-margin-bottom: calc(env(safe-area-inset-bottom, 0px) + 8rem);
}
/* The native reader labels legacy tables. Keep its labels legible on the
   lesson's paper canvas, and do not duplicate labels already rendered here. */
html:has(#bw-native-reader-style) body[data-bw-content-remake] .bwcr :is(td, th)[data-bw-row-header] {
  color: var(--bwcr-ink, #191923) !important;
  background: transparent;
}
html:has(#bw-native-reader-style) body[data-bw-content-remake] .bwcr :is(td, th)::before {
  color: #593a87;
}
html:has(#bw-native-reader-style) body[data-bw-content-remake] .bwcr .bwcr-responsive-table :is(td, th)::before {
  content: none !important;
  display: none !important;
}
/* Native table rules set width:100% !important on the visually hidden header.
   Keep the header accessible without letting its offscreen box widen the page. */
@media (max-width: 54rem) {
  :is(html:is([data-bw-app-mode="1"], [data-bw-native-reader-ready="1"], :has(#bw-native-reader-style)) body[data-bw-content-remake],
      body[data-bw-content-remake].bw-ios-app-mode) .bwcr table thead {
    width: 1px !important;
    max-width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
  }
}