/* Pass 31 additions. Preserve the original stylesheet for existing pages. */
:root{--guide-gold:#f3cc50;--guide-text:#f4f0e8;--guide-muted:#c5bdae;--guide-line:#38342c}
html{scroll-behavior:smooth;scroll-padding-top:110px} [hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #65d5ff;outline-offset:5px}.skip{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-160%);background:#f3cc50;color:#111;padding:12px 18px;border-radius:6px}.skip:focus{transform:none}.shot-crop{display:block;overflow:hidden;border-radius:12px;background:#111415;width:100%}.shot-crop img{display:block;width:100%;height:auto;max-width:none;margin-top:calc(-1 * var(--crop,13.33333%));border-radius:0}.bw31-phone{max-width:355px;width:100%;margin:0 auto;align-self:center}.bw31-phone figcaption{font-size:.875rem;line-height:1.5;color:#bcb4a8;padding:14px 0}
.bw31-kicker{font:800 .875rem/1.6 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;color:var(--guide-gold)}.bw31-lead{font-size:1.35rem;line-height:1.6;color:var(--guide-muted)}.bw31-hero{max-width:1500px;margin:auto;display:grid;grid-template-columns:1.12fr 1fr;gap:6%;align-items:center;padding:65px 6vw 70px;background:radial-gradient(ellipse at 90% 40%,#44311a66,transparent 65%)}.bw31-hero h1{font-size:clamp(4rem,7.8vw,7.5rem);font-weight:850;letter-spacing:-.055em;line-height:.95;margin:22px 0 32px;color:var(--guide-text)}.bw31-hero h1 span{color:var(--guide-gold)}.bw31-hero>img{width:100%;height:auto;border-radius:24px;box-shadow:0 28px 90px #0008}.bw31-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin:28px 0}.bw31-actions a{font-size:.875rem;font-weight:750}.bw31-button{display:inline-block;background:var(--guide-gold);color:#111!important;border-radius:8px;padding:15px 20px;text-decoration:none;font-size:.875rem;font-weight:850;line-height:1.4}.bw31-button:hover{background:#ffdf77}.bw31-proof{font-size:.875rem;color:#b5ad9e;margin-bottom:22px}.bw31-system,.bw31-blindfold{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:85px 7vw;align-items:center;border-top:1px solid var(--guide-line)}.bw31-system{background:#111415}.bw31-system h2,.bw31-blindfold h2{font-size:clamp(2.25rem,4vw,4rem);line-height:1.08;letter-spacing:-.035em;margin:16px 0 24px}.bw31-system p:not(.bw31-kicker){color:var(--guide-muted);font-size:1.125rem;line-height:1.7}.bw31-system>img{width:100%;height:auto}.bw31-system .bw31-button{margin-top:15px}.bw31-blindfold{background:linear-gradient(110deg,#08202b,#0d1113);grid-template-columns:1.2fr .8fr}.bw31-blindfold .bw31-kicker{color:#65d5ff}.bw31-features{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.bw31-features h3{font-size:1.05rem;color:#65d5ff;margin:0 0 8px}.bw31-features p{font-size:1rem;line-height:1.6;color:var(--guide-muted);margin:0}.bw31-blindfold .bw31-phone{max-width:330px}.bw31-guide{background:#0b0d0e;color:var(--guide-text)}.guide-intro{max-width:1320px;margin:auto;padding:70px 40px 55px}.guide-intro .eyebrow{font-size:.875rem;color:var(--guide-gold)}.guide-intro h1{font-size:clamp(3rem,6vw,5.5rem);letter-spacing:-.045em;line-height:1.05;max-width:850px;margin:16px 0 24px}.guide-intro h1 span{color:var(--guide-gold)}.guide-intro>p:not(.eyebrow){max-width:740px;color:var(--guide-muted);font-size:1.2rem;line-height:1.7}.guide-jumps{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px}.guide-jumps a{padding:11px 16px;border:1px solid #655637;border-radius:6px;font-size:1rem;color:var(--guide-text)}.guide-layout{max-width:1320px;margin:auto;padding:0 40px 80px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:45px}.guide-index{align-self:start;position:sticky;top:105px;max-height:calc(100dvh - 125px);overflow:auto;padding-bottom:20px}.guide-index nav{display:flex;flex-direction:column;gap:4px}.guide-index p{font:.8rem ui-monospace,monospace;color:#9d9486;letter-spacing:.12em;margin:0 0 14px}.guide-index a{font-size:.875rem;line-height:1.5;color:#b9b1a4;padding:8px 9px;border-radius:6px}.guide-index a:hover{background:#25231d;color:#ffdb6a}.guide-index a span{color:var(--guide-gold);display:inline-block;min-width:25px;font-family:ui-monospace,monospace}.guide-chapters{min-width:0}.lesson{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,310px);gap:35px;border-top:1px solid var(--guide-line);padding:52px 0;align-items:start;scroll-margin-top:100px}.lesson-copy .eyebrow{font-size:.875rem;color:var(--guide-gold);margin:0 0 12px}.lesson h2,.blindfold-guide h2,.voice-help h2{font-size:clamp(2rem,3vw,3rem);line-height:1.12;letter-spacing:-.025em;color:var(--guide-text);margin:0 0 16px}.orientation{font-size:.875rem;color:var(--guide-gold);line-height:1.6}.lesson-lead{font-size:1.125rem;line-height:1.65;color:var(--guide-muted);margin:18px 0}.lesson dl{margin:28px 0}.lesson dl>div{margin-bottom:24px}.lesson dt{font-size:1rem;color:var(--guide-text);font-weight:750;margin-bottom:6px}.lesson dd{font-size:1rem;line-height:1.7;color:var(--guide-muted);margin:0}.gallery{min-width:0}.shot-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.shot-tabs button{font-weight:650;font-size:.875rem;font-family:inherit;line-height:1.4;cursor:pointer;padding:9px 12px;border-radius:6px;border:1px solid #4a4236;background:#191c1d;color:#d8d1c5}.shot-tabs button[aria-pressed=true]{color:#111;background:var(--guide-gold);border-color:var(--guide-gold)}.shot-panel{margin:0}.shot-open{padding:0;width:100%;display:block;background:none;border:1px solid #66502c;border-radius:13px;cursor:zoom-in;overflow:hidden;box-shadow:0 18px 45px #0005}.shot-panel figcaption{font-size:.875rem;line-height:1.55;color:var(--guide-muted);padding-top:13px}.shot-panel figcaption span{display:block;color:#a49c8f;margin-top:5px}.blindfold-guide{padding:55px 0;border-top:1px solid #345461;scroll-margin-top:100px}.blindfold-guide .eyebrow{color:#65d5ff;font-size:.875rem;margin-bottom:14px}.blindfold-walkthrough{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,310px);gap:35px;margin-top:30px;align-items:start}.blindfold-walkthrough .gallery{position:sticky;top:110px}.walkthrough{padding-left:24px;margin:0 0 30px}.walkthrough li{padding-left:8px;margin-bottom:25px}.walkthrough li::marker{color:#65d5ff;font-weight:bold}.walkthrough h3{font-size:1.1rem;line-height:1.4;margin:0 0 7px}.walkthrough p,.voice-help p{font-size:1rem;line-height:1.7;color:var(--guide-muted);margin:0}.reveal-table{border-collapse:collapse;width:100%;font-size:.875rem;text-align:left}.reveal-table caption{text-align:left;font-weight:bold;margin-bottom:10px;color:#65d5ff}.reveal-table th,.reveal-table td{border-bottom:1px solid #353a3d;padding:12px 5px;line-height:1.5;vertical-align:top}.reveal-table td{color:var(--guide-muted)}.fine{font-size:.875rem;line-height:1.6;color:#aca497}.voice-help{border-top:1px solid var(--guide-line);padding:55px 0}.voice-help>p{margin:16px 0}.voice-help .eyebrow{color:var(--guide-gold)}.phonetics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:25px 0}.phonetics span{padding:12px 8px;background:#1b1e1f;border-radius:6px;font-size:.875rem}.phonetics b{color:var(--guide-gold);padding-right:5px}.guide-chapters .ht-section{padding:50px 0;border-top:1px solid var(--guide-line)}.guide-chapters .howto-inner{padding:0;max-width:none}.guide-chapters .ht-three{grid-template-columns:1fr;gap:14px}.guide-chapters .ht-three article{padding:18px}.guide-chapters .ht-three p,.guide-chapters .ht-section p{font-size:1rem}.guide-chapters .ht-section .app-shot{max-width:320px}.guide-chapters .media-pair{gap:20px}.guide-chapters .ht-section h2{font-size:2rem}.guide-chapters .ht-section .single{margin-left:auto;margin-right:auto}.bw31-guide footer{margin-top:0}
#image-viewer{width:min(760px,96vw);max-height:94dvh;padding:0;background:#101314;color:var(--guide-text);border:1px solid #746142;border-radius:12px;overflow:auto}#image-viewer::backdrop{background:#000d;backdrop-filter:blur(6px)}.viewer-toolbar{position:sticky;top:0;background:#101314f5;display:flex;align-items:center;gap:18px;justify-content:space-between;padding:15px 20px;z-index:2;border-bottom:1px solid #38342c}.viewer-toolbar p{font-size:.875rem;line-height:1.5;margin:0}.viewer-toolbar button{flex-shrink:0;border:1px solid #a58e57;border-radius:6px;padding:9px 12px;background:#26241d;color:white;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.4;cursor:pointer}#viewer-image{padding:18px;max-width:580px;margin:auto}#viewer-image .shot-crop{border-radius:8px}
@media(max-width:1100px){.guide-layout{grid-template-columns:180px minmax(0,1fr);gap:25px;padding-left:24px;padding-right:24px}.lesson,.blindfold-walkthrough{gap:22px;grid-template-columns:minmax(0,1fr) 260px}.guide-intro{padding-left:24px;padding-right:24px}.bw31-hero{gap:30px}.site-header .header-inner{flex-wrap:wrap}.site-header nav{flex-wrap:wrap}}
@media(max-width:850px){html{scroll-padding-top:100px}.guide-layout{display:block}.guide-index{position:static;max-height:none;overflow:visible;margin-bottom:25px}.guide-index nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.guide-index nav p{width:100%;margin-bottom:4px}.guide-index a{border:1px solid #36322a}.lesson{grid-template-columns:1fr 280px}.bw31-hero,.bw31-system,.bw31-blindfold{grid-template-columns:1fr;padding:45px 24px;gap:35px}.bw31-hero>img{max-width:480px;justify-self:center}.bw31-hero h1{font-size:4.9rem}.bw31-system>img{max-width:650px;justify-self:center}.bw31-blindfold .bw31-phone{max-width:340px}.blindfold-walkthrough .gallery{position:static}.bw31-system h2,.bw31-blindfold h2{font-size:2.6rem}}
@media(max-width:600px){.guide-intro{padding:36px 20px}.guide-intro h1{font-size:3.25rem}.guide-intro>p:not(.eyebrow){font-size:1.05rem}.guide-layout{padding:0 20px 40px}.lesson,.blindfold-walkthrough{grid-template-columns:1fr;gap:20px}.lesson{padding:35px 0}.gallery{max-width:360px;width:100%;justify-self:center}.lesson dl{margin:20px 0 0}.lesson dd{line-height:1.6}.blindfold-guide h2{font-size:2.25rem}.phonetics{grid-template-columns:repeat(2,1fr)}.bw31-hero h1{font-size:4.2rem}.bw31-lead{font-size:1.15rem}.bw31-features{grid-template-columns:1fr}.bw31-actions{gap:18px}.bw31-button{font-size:.8rem}.guide-chapters .media-pair{grid-template-columns:1fr}.guide-chapters .media-pair .app-shot{margin:auto}.viewer-toolbar{gap:10px;padding:12px}.viewer-toolbar p{font-size:.8rem}#viewer-image{padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Pass 32: desktop content shares a bounded 1180px canvas.
   Keep the approved <=850px phone/tablet rules unchanged. */
@media (min-width: 851px) {
  .bw31-hero,
  .bw31-system,
  .bw31-blindfold {
    width: 100%;
    max-width: none;
    margin-inline: auto;
    padding: 64px max(32px, calc((100% - 1180px) / 2));
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(32px, 4vw, 64px);
  }
  .bw31-hero > div,
  .bw31-system > div,
  .bw31-blindfold > div { min-width: 0; }
  .bw31-hero h1 { font-size: clamp(64px, 7vw, 104px); }
  .bw31-hero > img,
  .bw31-system > img {
    width: 100%;
    max-width: 560px;
    justify-self: center;
  }
  .bw31-system h2,
  .bw31-blindfold h2 { font-size: clamp(36px, 3.5vw, 48px); }
  .bw31-system p:not(.bw31-kicker),
  .bw31-lead { max-width: 560px; }
}

/* Pass 33: supplied Emily header artwork, uncropped at every viewport. */
.bw33-hero { background: #000; padding: 0 24px 40px; }
.bw33-header-art { display: block; width: 100%; max-width: 1180px; height: auto; margin: 0 auto; }
.bw33-accessible-title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.bw33-header-details { max-width: 1180px; margin: 0 auto; text-align: center; }
.bw33-header-details .bw31-lead { max-width: 740px; margin: 20px auto; }
.bw33-header-details .bw31-actions { justify-content: center; margin: 24px 0; }
@media (max-width: 850px) {
  .bw33-hero { padding: 0 0 32px; }
  .bw33-header-details { padding: 0 24px; }
  .bw33-header-details .bw31-lead { font-size: 1.15rem; }
}

/* Pass 35: distinct vector illustrations for the training journey. */
.journey-card .journey-icon {
  width: 58px; height: 58px; border-radius: 15px;
  background: radial-gradient(circle at 25% 15%, #b5872538, transparent 72%), #11130f;
  border-color: #b99035; color: #f3ce62;
  box-shadow: inset 0 1px 0 #ffe39a22, 0 5px 16px #0004;
}
.journey-icon svg { display: block; width: 44px; height: 44px; filter: drop-shadow(0 0 4px #f2c94c33); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .journey-icon { transition: transform .2s ease, box-shadow .2s ease; }
  .journey-card:hover .journey-icon { transform: translateY(-2px); box-shadow: inset 0 1px 0 #ffe39a33, 0 0 18px #d7ad3f30; }
}

/* Pass 36: Emily fills the Blindfold Score panel's second column. */
#rating { align-items: center; }
#rating > .rating-copy { min-width: 0; }
#rating > .rating-emily { display: block; width: 100%; max-width: 480px; height: auto; justify-self: center; border-radius: 20px; box-shadow: 0 20px 45px #0005; }
@media (max-width: 850px) { #rating > .rating-emily { max-width: 400px; } }

/* Pass 37: illustrated See / Visualize / Say / Repeat icons. */
.voice-loop .voice-step { gap: 22px; }
.voice-loop .voice-step > i {
  width: 58px; height: 58px; border-radius: 15px;
  background: radial-gradient(circle at 25% 15%, #b5872538, transparent 72%), #11130f;
  border: 1px solid #b99035; color: #f3ce62;
  box-shadow: inset 0 1px 0 #ffe39a22, 0 5px 16px #0004;
}
.voice-step > i svg { display: block; width: 44px; height: 44px; }
.voice-loop .voice-active > i { background: linear-gradient(145deg, #ffe591, #e4b63c); color: #17130a; box-shadow: 0 0 24px #e4b63c30; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .voice-step > i { transition: transform .2s ease; }
  .voice-step:hover > i { transform: translateY(-2px); }
}

/* Pass 38: eight real curriculum levels, with readable desktop cards. */
#training > .training-journey .training-journey-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.legacy-art-note { grid-column: 1 / -1; margin: 0; font-size: .875rem !important; }
.movement-six { grid-template-columns: 1fr; }
@media(max-width: 1050px) { #training > .training-journey .training-journey-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media(max-width: 720px) { #training > .training-journey .training-journey-grid { grid-template-columns: 1fr !important; } }

/* Pass39: current product guide and homepage question. */
.bw39-hook {max-width:1000px;margin:0 auto;padding:38px 24px 18px;text-align:center;font-size:clamp(1.6rem,3.2vw,3rem);line-height:1.15;color:#f5d454;letter-spacing:-.025em;}
.bw39-training-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;}
.bw39-training-grid article {padding:24px;border:1px solid #665329;border-radius:18px;background:#141717;}
.bw39-training-grid h3 {color:#f5d454;}.bw39-training-grid p {line-height:1.65;}
@media(max-width:700px){.bw39-training-grid{grid-template-columns:1fr;}.bw39-hook{padding-top:24px;}}

/* Ten-stage curriculum. */
@media(min-width:1100px){.training-journey-grid{grid-template-columns:repeat(5,minmax(0,1fr));}}

/* Pass44: full real captures in supplemental chapters. */
.ht-section > .gallery {max-width:380px;margin:28px auto 0;width:100%;}
.bw39-training-grid {align-items:start;}
.bw39-training-grid .gallery {max-width:380px;margin:22px auto 0;width:100%;}
.bw31-system > .bw31-phone {max-width:330px;}
@media(max-width:600px){.bw39-training-grid article{padding:18px;}.shot-tabs{gap:7px;}.shot-tabs button{padding:10px 12px;}}

.shot-open > img{display:block;width:100%;height:auto}.shot-panel[hidden]{display:none}