.bw-story { --bw-stage-h:min(760px,calc(100svh - 88px)); --bw-travel:clamp(760px,135svh,1320px); position:relative; z-index:1; margin-block:32px 64px; scroll-margin-top:var(--nav-h); }
.bw-story button, .bw-story a { -webkit-tap-highlight-color:transparent; }
.bw-sticky { border-top:1px solid var(--border); padding-top:30px; }
.bw-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; }
.bw-heading h2 { margin:0; font-size:clamp(25px,3.2vw,42px); font-weight:500; letter-spacing:-.035em; line-height:1.28; }
.bw-heading h2 em { font-style:normal; color:var(--accent); }
.bw-heading h2 span { display:inline-block; }
.bw-summary { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.bw-skip { min-height:44px; display:inline-flex; align-items:center; white-space:nowrap; text-underline-offset:6px; font-size:13px; color:var(--muted); }
.bw-art { position:relative; flex:1; min-height:260px; margin-top:12px; }
#bwCanvas { position:absolute; inset:0; display:block; width:100%; height:100%; }
.bw-dynamic { display:none; }
.bw-source-labels { position:absolute; bottom:2px; left:0; right:0; display:grid; grid-template-columns:1fr 1fr; text-align:center; pointer-events:none; }
.bw-source-labels p { margin:0; font-size:16px; letter-spacing:-.02em; }
.bw-source-labels small { display:block; margin-top:3px; color:var(--muted); font-size:12px; }
.bw-school-name { display:block; width:94%; max-width:460px; height:clamp(42px,10vw,108px); margin:0 auto 8px; overflow:visible; color:var(--text); }
.bw-plus { position:absolute; left:43%; top:calc(50% - 29px); transform:translate(-50%,-50%); font:300 clamp(16px,2.2vw,32px)/1 ui-monospace,monospace; color:var(--accent); opacity:0; pointer-events:none; }
.bw-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:0; padding:12px 0 14px; border-top:1px solid var(--border); }
.bw-steps { display:flex; gap:6px; }
.bw-steps button, .bw-detail, .bw-profile { appearance:none; background:none; border:0; border-radius:0; padding:10px 8px; min-height:44px; font:inherit; font-size:12px; color:var(--muted); cursor:pointer; text-decoration:none; }
.bw-steps button { border-bottom:2px solid transparent; }
.bw-steps button[aria-current="step"] { border-color:var(--accent); color:var(--text); }
.bw-steps button span { margin-right:7px; font:11px ui-monospace,monospace; opacity:.7; }
.bw-steps button i { font-style:normal; }
.bw-detail { color:var(--accent); text-decoration:underline; text-underline-offset:5px; }
.bw-profile { color:var(--accent); }
.bw-progress { height:1px; background:var(--border); transform-origin:left; }
.bw-progress i { display:block; height:100%; background:var(--accent); transform:scaleX(0); transform-origin:left; }
.bw-story.is-scroll { height:calc(var(--bw-stage-h) + var(--bw-travel) + var(--bw-outro,0px)); }
.bw-story.is-scroll .bw-sticky { position:sticky; top:var(--nav-h); height:var(--bw-stage-h); display:flex; flex-direction:column; }
.bw-story.is-scroll .bw-dynamic { display:block; }
.bw-story.is-scroll .bw-fallback { display:none; }
.bw-story.is-scroll .bw-source-labels .bw-school-name { visibility:hidden; }
.bw-travel-measure { display:none; }
.bw-story.is-scroll .bw-travel-measure { display:block; position:absolute; top:0; left:0; width:0; height:var(--bw-travel); visibility:hidden; pointer-events:none; }
.bw-fallback { display:grid; grid-template-columns:1fr 1fr; gap:28px; padding:38px 0 10px; }
.bw-fallback figure { margin:0; text-align:center; }
.bw-fallback img { display:block; width:100%; height:280px; object-fit:contain; }
.bw-fallback figcaption { padding-top:16px; font-size:15px; }
.bw-fallback figcaption small { display:block; color:var(--muted); font-size:12px; }
.bw-fallback figure:last-child { grid-column:1/-1; margin-top:30px; }
.bw-fallback figure:last-child img { height:auto; max-height:100px; max-width:850px; margin:auto; }
.bw-story.is-static .bw-steps, .bw-story.is-static .bw-progress { display:none; }
.bw-story.is-static .bw-footer { justify-content:flex-end; }
.bw-fallback .bw-light { display:block; }
.bw-fallback .bw-dark { display:none; }
html[data-site-theme="dark"] .bw-fallback .bw-light { display:none; }
html[data-site-theme="dark"] .bw-fallback .bw-dark { display:block; }
.bw-dialog { width:min(860px,calc(100% - 32px)); max-height:calc(100dvh - 40px); padding:24px; border:1px solid var(--border); color:var(--text); background:var(--bg); border-radius:var(--radius); }
.bw-dialog::backdrop { background:rgb(0 0 0 / .55); }
.bw-dialog header { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.bw-dialog h3 { margin:0; font-size:20px; font-weight:500; }
.bw-dialog button { min-height:44px; padding:10px 14px; background:none; color:var(--text); font:inherit; font-size:14px; border:1px solid var(--border); border-radius:var(--radius); cursor:pointer; }
.bw-dialog button[aria-pressed="true"] { color:var(--accent); border-color:var(--accent); }
.bw-dialog-actions { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
.bw-dialog-view { overflow:auto; max-height:62dvh; overscroll-behavior:contain; }
.bw-dialog-view img { display:block; width:var(--bw-detail-width,100%); max-width:none; height:auto; margin:auto; }
.bw-dialog-note { font-size:12px; color:var(--muted); margin:12px 0 0; }
@media (max-width:640px) {
  .bw-story { --bw-stage-h:min(720px,calc(100svh - 136px)); --bw-travel:clamp(620px,105svh,980px); padding-inline:20px; margin-block:30px 44px; }
  .bw-sticky { padding-top:22px; }
  .bw-heading { gap:10px; }
  .bw-heading h2 { font-size:27px; max-width:260px; }
  .bw-skip { font-size:11px; min-width:44px; }
  .bw-art { min-height:210px; margin-top:4px; }
  .bw-source-labels p { font-size:14px; }
  .bw-source-labels small { font-size:11px; }
  .bw-footer { gap:4px; padding-block:6px; }
  .bw-steps { gap:0; }
  .bw-steps button { padding-inline:6px; font-size:11px; }
  .bw-steps button span { display:none; }
  .bw-detail { font-size:11px; padding-inline:4px; }
  .bw-profile { font-size:11px; padding-inline:4px; }
  .bw-fallback { gap:16px; }
  .bw-fallback img { height:180px; }
  .bw-dialog { padding:16px; }
}
@media (forced-colors:active) {
  .bw-fallback img { forced-color-adjust:none; background:white; }
  .bw-fallback .bw-light { display:block!important; }
  .bw-fallback .bw-dark { display:none!important; }
}
@media (max-width:640px) and (max-height:680px) {
  .bw-art { min-height:150px; }
  .bw-heading h2 { font-size:24px; }
}
@media print {
  .bw-story { height:auto!important; }
  .bw-sticky { position:static!important; height:auto!important; }
  .bw-story .bw-dynamic, .bw-footer, .bw-progress, .bw-skip { display:none!important; }
  .bw-story .bw-fallback { display:grid!important; }
}

/* Full official arrangements remain vector-sharp at both viewing sizes. */
.bw-dialog-view img[hidden] { display:none; }
.bw-dialog-wordmark { display:none; width:var(--bw-detail-width,100%); max-width:none; height:auto; margin:24px auto; color:var(--text); overflow:visible; }
.bw-dialog-actions { gap:8px; }
@media(max-width:640px) { .bw-source-labels small { font-size:12px; line-height:1.4; padding-inline:4px; } .bw-dialog-actions button { padding:8px 10px; font-size:12px; } }

/* Complete names have their own arrival, ignition and contraction beats. */
.bw-story { --bw-travel:clamp(1900px,260svh,2800px); --bw-outro:clamp(200px,30svh,320px); }
.bw-heading > div { min-width:0; }
.bw-heading h2 { text-wrap:balance; }
.bw-heading h2 span + span { margin-inline-start:.16em; }
@media(max-width:640px) {
  .bw-story { --bw-travel:clamp(1550px,220svh,2200px); }
  .bw-heading h2 { font-size:25px; line-height:1.3; max-width:270px; }
  .bw-heading h2 span { display:block; }
  .bw-heading h2 span + span { margin-inline-start:0; }
  .bw-steps button { padding-inline:7px; }
  .bw-art { min-height:170px; }
}
@media(max-width:640px) and (max-height:680px) {
  .bw-heading h2 { font-size:21px; }
  .bw-art { min-height:124px; }
}



/* The art owns the space previously used by explanatory copy. */
.bw-heading h2 { font-size:clamp(23px,2.8vw,36px); }
.bw-art { margin-bottom:20px; }
@media(max-width:640px) {
  .bw-heading h2 { font-size:22px; max-width:none; }
  .bw-footer { flex-wrap:wrap; column-gap:12px; }
  .bw-steps { flex:1 0 100%; justify-content:space-between; }
  .bw-footer > button { margin-inline-start:auto; }
  .bw-art { margin-bottom:10px; }
}
@media(max-width:360px) { .bw-heading h2 { font-size:18px; } }

/* The visible headline was removed; the accessible name takes no layout space. */
.bw-heading { position:absolute; top:8px; right:0; z-index:2; }
.bw-heading .bw-summary { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); }
.bw-sticky { padding-top:40px; }
.bw-art { margin-top:0; }