/* Page-scoped residual styles for the listening study-map rollout. */
.listening-study-page .lhero {
  background:var(--cream);
  border-block:1px solid var(--line);
  min-block-size:auto;
  padding-block:clamp(2rem, 4vw, 3.5rem);
}
.listening-study-page .lhero__inner { max-inline-size:760px; }
.listening-study-page .lhero__pos { color:var(--muted); font-size:var(--fs-meta); font-weight:600; }
.listening-study-page .lhero__title { max-inline-size:680px; color:var(--ink,var(--navy)); font-family:'Markazi Text',var(--font-fa); font-size:clamp(var(--fs-display), 6vw, 56px); line-height:var(--lh-display); }
.listening-study-page .lhero__sub { max-inline-size:650px; color:var(--soft); font-size:var(--fs-lead); line-height:var(--lh-lead); }
.listening-study-page .study-hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.25rem; margin-block-start:2rem; }
.listening-study-page .study-hero__ebook { color:var(--navy); font-weight:600; text-decoration:underline; text-underline-offset:.28em; }
.listening-study-page .study-loop { padding:0 1.25rem clamp(2.5rem,5vw,4.5rem); background:var(--paper,var(--white)); }
.listening-study-page .study-loop__inner { max-inline-size:1120px; margin-inline:auto; }
.listening-study-page .study-loop__lead { display:block; max-inline-size:720px; margin-block:0 1rem; }
.listening-study-page .study-loop__eyebrow { color:var(--muted); font-size:var(--fs-meta); font-weight:600; margin:0 0 .65rem; }
.listening-study-page .study-loop h2 { color:var(--navy); font-size:var(--fs-h2); margin:0 0 .8rem; }
.listening-study-page .study-loop h2 { display:none; }
.listening-study-page .study-loop__lead > p:last-child { color:var(--soft); line-height:2; margin:0; }
.listening-study-page .study-loop__trace { display:grid; grid-template-columns:.8fr 1.5fr 1fr 1fr; list-style:none; gap:0; padding:0; margin:0; border-block:1px solid var(--line); }
.listening-study-page .study-loop__step { position:relative; min-inline-size:0; padding:1.4rem 1.2rem 1.5rem; border-inline-start:1px solid var(--line); }
.listening-study-page .study-loop__step:first-child { border-inline-start:0; }
.listening-study-page .study-loop__number { display:block; color:var(--muted); font-size:var(--fs-meta); font-weight:700; margin-block-end:1.8rem; }
.listening-study-page .study-loop__label { color:var(--navy); font-size:var(--fs-body); font-weight:700; margin:0 0 .55rem; }
.listening-study-page .study-loop__answer,.listening-study-page .study-loop__quote { color:var(--soft); font-family:var(--font-en); line-height:1.8; margin:0; overflow-wrap:anywhere; }
.listening-study-page .study-loop__step > a { color:var(--navy); font-weight:700; text-decoration:underline; text-underline-offset:.27em; }
.listening-study-page .study-loop__step > p:last-child { color:var(--soft); font-size:var(--fs-body); line-height:var(--lh-body); margin:0; }
.listening-study-page .study-hero__actions .fm-action { border-radius:var(--r-action,16px 3px 16px 3px); }
.listening-study-page .study-facts { background:var(--paper,var(--white)); padding:0 1.25rem 2.5rem; }
.listening-study-page .study-facts details { max-inline-size:1120px; margin-inline:auto; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding-block:1rem; }
.listening-study-page .study-facts summary { color:var(--ink,var(--navy)); cursor:pointer; font-weight:700; }
.listening-study-page .study-facts p { color:var(--soft); line-height:2; margin:1rem 0 0; max-inline-size:720px; }
.listening-study-page .lesson-video { margin-block:0; padding-block:clamp(2.5rem,6vw,5rem); background:var(--line-soft); }
.listening-study-page .meta { border-block:1px solid var(--line); }
.listening-study-page .toc { display:none; }
.listening-study-page .b8-article { padding-block:clamp(4rem,8vw,7rem); }
.listening-study-page .b8-article .article__inner { max-inline-size:720px; }
.listening-study-page .b8-article .beat { color:var(--soft); font-size:var(--fs-lead); line-height:var(--lh-lead); margin-block-end:3.5rem; }
.listening-study-page .b8-article h2 { color:var(--navy); font-size:var(--fs-h2); line-height:var(--lh-heading); margin-block:4.5rem 1.25rem; }
.listening-study-page .b8-article h3 { color:var(--navy); line-height:1.75; }
.listening-study-page .b8-article p,.listening-study-page .b8-article li { color:var(--soft); line-height:2.05; }
.listening-study-page .b8-map { background:var(--cream); border:1px solid var(--line); margin-block:2rem 3.5rem; padding:clamp(1rem,3vw,2rem); }
.listening-study-page .b8-layer { border-top:2px solid var(--navy); margin-block:3rem; padding-top:1.15rem; }
.listening-study-page .b8-layer h3 { margin-top:0; }
.listening-study-page .b8-lesson-list { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:2rem; row-gap:0; margin-block:1.25rem 0; }
.listening-study-page .b8-lesson-list li { border-bottom:1px solid var(--line); padding-block:.85rem; }
.listening-study-page .b8-lesson-list a,.listening-study-page .b8-cam a { color:var(--navy); font-weight:600; text-decoration-thickness:1px; text-underline-offset:.25em; }
.listening-study-page .b8-num { color:var(--muted); font-weight:600; }
.listening-study-page .b8-cam { border:1px solid var(--line); background:var(--line-soft); margin-block:3.25rem; padding:clamp(1.1rem,3vw,2rem); }
.listening-study-page .b8-cam ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.35rem 1.2rem; list-style:none; padding:0; }
.listening-study-page .b8-cam li { border-bottom:1px solid var(--line); padding-block:.65rem; }
.listening-study-page .b8-protocol { counter-reset:study-step; list-style:none; padding:0; margin-block:1.5rem 2rem; }
.listening-study-page .b8-protocol li { position:relative; border-top:1px solid var(--line); margin:0; padding:1.1rem 2.9rem 1.1rem 0; }
.listening-study-page .b8-protocol li::before { content:counter(study-step, decimal-leading-zero); counter-increment:study-step; color:var(--muted); font-family:var(--font-en); font-size:var(--fs-meta); font-weight:700; inset-inline-start:0; inset-block-start:1.35rem; position:absolute; }
.listening-study-page .b8-mistakes { gap:1.4rem; margin-block:1.5rem; }
.listening-study-page .b8-mistakes section { background:var(--cream); border:1px solid var(--line); padding:1.4rem; }
.listening-study-page .b8-book-action { margin-block:2rem 0; }
.listening-study-page .b8-book-action a { background:transparent; border:1px solid var(--navy); color:var(--navy); font-weight:700; min-block-size:44px; padding:.7rem 1rem; }
.listening-study-page .lnav { border-top:1px solid var(--line); background:var(--cream); }
.listening-study-page .lnav__next { border-radius:0; }
.listening-study-page :is(.study-hero__ebook,.study-loop__step > a,.b8-lesson-list a,.b8-cam a,.b8-book-action a):focus-visible { outline:3px solid var(--navy); outline-offset:4px; }
@media (max-width:720px) {
  .listening-study-page .study-loop__trace { grid-template-columns:1fr; }
  .listening-study-page .study-loop__step { border-inline-start:0; border-top:1px solid var(--line); }
  .listening-study-page .study-loop__step:first-child { border-top:0; }
  .listening-study-page .study-loop__number { margin-block-end:.6rem; }
  .listening-study-page .b8-lesson-list,.listening-study-page .b8-cam ul,.listening-study-page .b8-mistakes { grid-template-columns:1fr; }
  .listening-study-page .b8-map-pair { grid-template-columns:1fr; }
}
@media (min-width:721px) and (max-width:960px) { .listening-study-page .study-loop__trace { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (prefers-reduced-motion:reduce) { .listening-study-page * { scroll-behavior:auto; } }

/* Keep anchor targets clear of the two-row mobile navigation. */
.listening-study-page #article :is(h2,h3){scroll-margin-top:128px;}
.listening-study-page .study-loop h2{display:block;font-family:var(--font-display);font-size:var(--fs-h2);line-height:var(--lh-heading);margin-block:0 var(--sp-4);}