/* Agent: Codex | Model: GPT-6 | Thinking: not exposed | Date: 2026-1005 */
:root { --kit-control-radius:.35rem; }
/* Overlap the hero artwork's faded tail so spacing follows the visible torn edge. */
html[data-page-style=paper] .topic-section { position:relative; margin-block-start:calc(-1 * clamp(50px,4.1667vw,60px)); padding-block-start:25px; }
html[data-page-style=paper] #study-form .field,
html[data-page-style=paper] #study-form input[type=email],
html[data-page-style=paper] #study-form .submit { border-radius:var(--kit-control-radius); }
.kit-modal { width:min(30rem,calc(100vw - 2rem)); max-height:calc(100dvh - 2rem); overflow:auto; border:1px solid var(--line,#dacaa6); border-radius:.65rem; padding:2rem; margin:auto; background:var(--paper-2,#fffbf0); color:var(--ink,#10263f); box-shadow:0 20px 80px #071e3b66; }
.kit-modal::backdrop { background:#071e3bb3; }
.kit-modal h2 { display:flex; align-items:center; gap:.65rem; font:700 1.7rem/1.15 var(--font-body,system-ui); color:var(--brand,#0b2c56); padding-right:1.5rem; }
.kit-heading-open-lock { position:relative; display:block; flex:none; width:20px; height:17px; margin-top:8px; border:1px solid #b78427; background:linear-gradient(#ffdb78,#e8ad36); border-radius:3px; }
.kit-heading-open-lock::before { content:''; position:absolute; width:13px; height:13px; left:2px; top:-13px; border:2px solid #8197ae; border-bottom:0; border-radius:9px 9px 0 0; transform:rotate(-30deg); transform-origin:left bottom; }
.kit-heading-open-lock::after { content:''; position:absolute; width:3px; height:6px; left:7.5px; top:5px; background:var(--theme-red); border-radius:2px; }
.kit-modal p { margin-block:1rem; }
.kit-modal__close { position:absolute; right:.65rem; top:.5rem; width:2.75rem; height:2.75rem; border:0; background:transparent; font-size:1.6rem; }
.kit-modal__close { min-width:44px; min-height:44px; }
[data-kit-capture] input[type=email] { max-width:100%; }
.kit-modal form { display:grid; gap:.8rem; }
.kit-modal input[type=email] { width:100%; min-height:3rem; padding:.65rem; border:1px solid var(--line,#dacaa6); background:white; border-radius:var(--kit-control-radius); }
.kit-modal [type=submit] { min-height:3rem; padding:.65rem 1rem; border:0; border-radius:var(--kit-control-radius); color:white; background:#2299ff; font-weight:700; }
.kit-modal .field { position:relative; padding:0; border:0; background:none; box-shadow:none; }
.kit-modal .field input[type=email] { background:white; border:1px solid var(--line,#dacaa6); padding:.65rem; }
/* Main kit form: a light blue box so the one field reads as the thing to fill in, right above the button. */
#study-form .kit-email-field > .field.field { background:#e8f3ff; border-color:color-mix(in srgb,DodgerBlue 55%,transparent); }
/* Focus: one dark blue outer line and a lighter fill; the input itself draws no border or ring. */
#study-form .kit-email-field > .field.field:focus-within { background:#f5faff; border-color:#0b4fa8; box-shadow:0 0 0 1px #0b4fa8; }
html #study-form .kit-email-field input[name="email"][type="email"],
html #study-form .kit-email-field input[name="email"][type="email"]:focus { background:transparent; border-color:transparent; outline:none; box-shadow:none; }
.kit-modal .field input::placeholder { color:transparent; }
.kit-modal .field:has(input:placeholder-shown) .field-prompt { display:block; position:absolute; left:.65rem; right:.65rem; top:50%; transform:translateY(-50%); font-weight:700; color:var(--muted,#4a5867); pointer-events:none; }
.kit-modal .field-required { font-weight:300; }
.kit-micro { font-size:.8rem; text-align:center; line-height:1.5; color:var(--muted,#4a5867); }
[data-kit-status]:not(:empty) { padding:1rem; margin-block:.8rem; background:var(--paper,#fff6e2); border:1px solid var(--line,#dacaa6); border-radius:.35rem; }
[data-kit-status].form-success:not(:empty) { display:block; }
[data-kit-capture][hidden] { display:none!important; }
#transcript.form-card.is-sent #study-form { display:grid; }
#transcript.form-card.is-sent #study-form > label,
#transcript.form-card.is-sent #study-form > .submit,
#transcript.form-card.is-sent #study-form > .turnstile-box { display:none; }
#transcript .form-success:empty { display:none; }
.kit-confirmation-check { color:#2299ff; }
.kit-request-again { justify-self:start; padding:0; border:0; background:none; color:var(--kit-cta-blue,#2299ff); font:inherit; font-size:.8rem; text-decoration:underline; cursor:pointer; }
.kit-request-again:focus-visible { outline:2px solid var(--brand,#102f52); outline-offset:4px; }
.presenter { display:flex; align-items:flex-start; gap:1rem; margin:2rem auto; text-align:left; max-width:50rem; line-height:1.6; }
.presenter img { width:60px; height:60px; flex:none; object-fit:cover; object-position:center top; border-radius:50%; }
.presenter p { margin:0; }
.chapter-heading { font:600 1rem var(--font-body); margin-bottom:1rem; text-align:center; }
.video-chapters { width:min(100%,60rem); margin-inline:auto; }
.video-chapter-title { font-family:var(--font-display); font-weight:600; }
.study-summaries { margin-block:2.5rem; max-width:60rem; }
.study-summaries details { background:var(--paper-2); border:1px solid var(--line); border-radius:.45rem; margin-block:1rem; scroll-margin-top:1rem; }
.study-summaries summary { cursor:pointer; padding:.65rem 1rem; text-align:left; min-height:44px; font:700 clamp(1rem,1.1vw,1.2rem)/1.35 var(--font-body); color:var(--brand); }
.study-summaries summary h2 { display:inline-block; vertical-align:middle; max-width:calc(100% - 1.5rem); font:inherit; color:var(--brand); }
.study-summaries { --study-locked-bg:rgba(190,190,190,.68); --study-locked-ink:#555555; --study-kit-blue:#2299ff; }
.study-lock-icon,.study-lock-status,.study-locked-chevron { display:none; }
.study-summaries .is-locked .study-locked-chevron { display:block; color:var(--brand); font-size:13px; }
.study-summaries details.is-locked { background:var(--study-locked-bg); }
.study-summaries .is-locked summary { display:grid; grid-template-columns:16px minmax(0,1fr); column-gap:8px; align-items:center; list-style:none; cursor:default; }
.study-summaries .is-locked summary::marker { content:''; }
.study-summaries .is-locked summary::-webkit-details-marker { display:none; }
.study-summaries .is-locked summary h2 { max-width:100%; }
.study-summaries .is-locked .study-body { display:none; }
.study-summaries .is-locked .study-lock-status { grid-column:2; display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin-top:5.0575px; font-size:.875rem; line-height:1.45; color:var(--study-locked-ink); }
.study-lock-status strong { color:var(--study-locked-ink); font-weight:700; font-style:normal; }
.study-kit-link { border:0; padding:0; background:none; color:var(--study-kit-blue); font:inherit; font-weight:700; cursor:pointer; text-align:left; }
.study-kit-link:hover { text-decoration:underline; }
.study-summaries .is-locked .study-lock-icon { display:block; position:relative; flex:none; width:13px; height:11px; margin-top:5px; margin-right:3px; background:linear-gradient(#ffdb78,#e8ad36); border:1px solid #b78427; border-radius:2px; box-shadow:0 1px 1px #0002; }
.study-lock-icon::before { content:''; position:absolute; width:8px; height:8px; left:1.5px; top:-7px; border:2px solid #8197ae; border-bottom:0; border-radius:6px 6px 0 0; }
.study-lock-icon::after { content:''; position:absolute; width:2px; height:4px; left:4.5px; top:3px; background:var(--theme-red); border-radius:2px 2px 0 0; }
.study-summaries .is-unlocked summary { display:grid; grid-template-columns:16px minmax(0,1fr); column-gap:8px; align-items:center; list-style:none; }
.study-summaries .is-unlocked summary::marker { content:''; }
.study-summaries .is-unlocked summary::-webkit-details-marker { display:none; }
.study-summaries .is-unlocked summary h2 { max-width:100%; }
.study-summaries .is-unlocked .study-locked-chevron { display:block; font-size:13px; color:var(--brand); }
.study-summaries .is-unlocked[open] .study-locked-chevron { transform:rotate(90deg); }
.study-summaries .is-unlocked .study-lock-status { grid-column:2; display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin-top:5.0575px; font-size:.875rem; line-height:1.45; color:var(--brand); }
.study-summaries .is-unlocked .study-lock-status strong { color:var(--brand); }
.study-summaries .is-unlocked .study-lock-icon { display:block; position:relative; flex:none; width:13px; height:11px; margin-top:5px; margin-right:3px; border:1px solid #b78427; background:linear-gradient(#ffdb78,#e8ad36); border-radius:2px; }
.study-summaries .is-unlocked .study-lock-icon::before { transform:rotate(-30deg); transform-origin:left bottom; }
.study-summaries ul { padding:0 2.5rem 1.25rem; line-height:1.65; }
.study-summaries li + li { margin-top:.9rem; }
.study-summaries .study-context { margin:0 1.25rem 1rem; color:var(--ink-soft); }
.study-printable-cta { padding:1.5rem; text-align:center; max-width:50rem; margin:2rem auto; }
.study-printable-cta p { margin-bottom:1rem; }
.preview-read { font-weight:600; text-underline-offset:.2em; }
html[data-page-style=paper] .hero-actions .video-link { background:transparent; color:var(--brand); }
html[data-page-style=paper] .hero-actions .kit-cta { background:var(--brand); color:var(--cta-ink); }
.topic-list a { text-decoration:none; }
.kit-fan[aria-hidden] { /* The front sheet now supplies the bundle's accessible label. */ }
@media(max-width:420px) { .kit-modal { padding:1.4rem; } .presenter { gap:.7rem; } }

/* Steve's 320px visual review: shared pills, readable watch label and clear spacing. */
html[data-page-style=paper] .hero-actions .video-link { font-size:1rem; }
html[data-page-style=paper] .hero-actions .kit-cta { border-radius:999px; text-decoration:none; cursor:pointer; }
.kit-scroll-action { position:relative; overflow:hidden; }
.kit-scroll-action .cta-text { display:block; transition:transform .38s cubic-bezier(.2,.75,.2,1); }
.kit-scroll-action::after { content:attr(data-cta); position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:.55rem 1rem; transform:translateY(-110%); transition:transform .38s cubic-bezier(.2,.75,.2,1); pointer-events:none; }
.kit-scroll-action:is(:hover,:focus-visible) .cta-text { transform:translateY(190%); }
.kit-scroll-action:is(:hover,:focus-visible)::after { transform:translateY(0); }
.presenter-byline span,.presenter-byline strong { display:block; }
.presenter .presenter-description { margin-top:1rem; }
html[data-page-style=paper] .kit-inline-cta { gap:1.25rem 2rem; }
.kit-faq { margin:2rem auto 0; max-width:42rem; text-align:center; }
.kit-faq dt h2 { margin:1.5rem 0 .65rem; font:700 1.15rem/1.4 var(--font-body); color:var(--brand); }
.kit-faq dd { margin:0; line-height:1.6; }
.site-foot .foot-row { column-gap:calc(var(--chapter-footer-gap) + 42px); }
@media(max-width:1040px) { .site-foot .foot-row { row-gap:calc(1.6rem + 42px); } }
@media(prefers-reduced-motion:reduce) {
  .kit-scroll-action .cta-text,.kit-scroll-action::after,.submit img { transition:none; }
  .submit:hover img { transform:none; }
}

/* Bounded touch feedback; details keep their existing native disclosure marker. */
.hero-actions .video-link,.kit-cta,.kit-scroll-action,.kit-modal [type=submit],#study-form .submit {
  position:relative; overflow:hidden; touch-action:manipulation;
  transition:transform 150ms ease;
}
@media(hover:hover) {
  .kit-modal .submit:hover img { transform:translateY(-2px) rotate(8deg) translateX(2px); }
}
.kit-modal .submit img { transition:transform 150ms ease; }

.tap-ripple {
  position:absolute; left:var(--ripple-x); top:var(--ripple-y);
  width:var(--ripple-size); height:var(--ripple-size); border-radius:50%;
  background:currentColor; opacity:0; pointer-events:none;
  animation:kit-tap-ripple 380ms ease-out forwards;
}
@keyframes kit-tap-ripple {
  from { transform:translate(-50%,-50%) scale(0); opacity:.18; }
  to { transform:translate(-50%,-50%) scale(1); opacity:0; }
}
.topic-list a { position:relative; transition:transform 150ms ease; }
html[data-page-style=paper] .topic-list a { border:2px solid transparent; }
html[data-page-style=paper] .topic-list a[aria-current=true] { border-color:transparent; }
.topic-list a::after,html[data-page-style=paper] .topic-list a::after {
  content:"✓"; position:absolute; top:10px; right:10px;
  display:grid; place-items:center; width:24px; height:24px; border:3px solid #fff; border-radius:50%; background:var(--topic-check-color,#A12A2F); color:#fff;
  font:700 18px/1 var(--font-body,system-ui); opacity:0; pointer-events:none;
}
.topic-list a[aria-current=true]::after,html[data-page-style=paper] .topic-list a[aria-current=true]::after,html[data-page-style=paper] .topic-list a:focus-visible::after { opacity:1; }
@media(hover:hover) { .topic-list a:hover::after,html[data-page-style=paper] .topic-list a:hover::after { opacity:1; } }
.study-body { overflow:hidden; transition:height 200ms ease; }
.study-body.is-opening { animation:study-body-enter 200ms ease both; }
@keyframes study-body-enter { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
.email-input-wrap,.field:has(input[type=email]) { position:relative; min-width:0; }
.email-input-wrap { display:block; width:100%; }
.email-input-wrap:focus-within,.field:has(input[type=email]):focus-within {
  border-color:DodgerBlue; box-shadow:0 0 0 3px rgb(30 144 255 / .2); border-radius:var(--radius-control,.35rem);
}
.email-input-wrap input[type=email],.field input[type=email] { padding-inline-end:2.25rem; }
.email-input-wrap input[type=email]:focus,.kit-modal input[type=email]:focus,.field input[type=email]:focus { border-color:DodgerBlue; }
.email-valid-indicator {
  position:absolute; right:.8rem; top:50%; translate:0 -50%;
  color:#187647; font:700 1.05rem/1 var(--font-body,system-ui);
  opacity:0; pointer-events:none; transition:opacity 150ms ease;
}
.is-email-valid > .email-valid-indicator { opacity:1; }
[type=submit].is-success,#study-form .submit.is-success { background:#187647; color:white; }
[type=submit].is-success .submit-success-check { display:inline-block; margin-inline-start:.4rem; }
.kit-confetti {
  position:absolute; left:50%; top:50%; width:.3rem; height:.3rem; border-radius:50%;
  background:var(--gold,#d9ae4c); pointer-events:none;
  --dot-angle:calc(var(--dot-index) * 45deg);
  animation:kit-success-dot 500ms ease-out forwards;
}
.kit-confetti:nth-of-type(even) { background:DodgerBlue; }
@keyframes kit-success-dot {
  from { opacity:.9; transform:rotate(var(--dot-angle)) translateX(.2rem) scale(1); }
  to { opacity:0; transform:rotate(var(--dot-angle)) translateX(2.1rem) scale(.4); }
}
html.kit-modal-open .kit-sticky { display:none!important; }
.video-chapter { min-height:44px; border-radius:var(--radius-pill,999px); padding:.65rem 1rem; transition:transform 150ms ease; }
/* Watch and chapter markers share a stable border; its decorative layer only spins with hover. */
.hero-actions .video-link,.video-chapter-link,html[data-page-style=paper] .video-chapter-link { border:2px solid var(--brand,#0b2c56); }
.hero-actions .video-link::before,.video-chapter-link::after {
  content:""; position:absolute; inset:-2px; padding:2px; border-radius:inherit; pointer-events:none;
  height:auto; transform:none;
  background:var(--rotating-border-gradient);
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite:exclude;
  opacity:0; animation:player-border-rotate var(--pill-border-rotation) linear infinite; animation-play-state:paused; transition:opacity 150ms ease;
}
.hero-actions .video-link::before { inset:-2px; }
html[data-page-style=paper] .video-chapter-link::after { padding:2px; animation-play-state:paused; background:var(--rotating-border-gradient); }
@media(hover:hover) {
  .hero-actions .video-link:is(:hover,:focus-visible),html[data-page-style=paper] .video-chapter:is(:hover,:focus-visible) .video-chapter-link { border-color:transparent; }
  .hero-actions .video-link:is(:hover,:focus-visible)::before { opacity:1; animation-play-state:running; }
  .video-chapter:is(:hover,:focus-visible) .video-chapter-link::after { opacity:1; transform:none; animation-play-state:running; }
  html[data-page-style=paper] .video-chapter:is(:hover,:focus-visible) .video-chapter-link::after { opacity:1; animation-play-state:running; }
}
@media(min-width:681px) {
  .video-chapters { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:clamp(.6rem,1.5vw,2rem); margin-block-end:1.5rem; }
  .video-chapter { min-width:0; justify-content:flex-start; padding-inline:.35rem; }
  .video-chapter-title { width:100%; min-height:2.3em; font-size:clamp(1rem,1.9vw,1.68rem); line-height:1.15; white-space:normal; text-wrap:initial; }
  .video-chapter-title .video-title-break { display:block; }
  .video-chapter-link { margin-block-start:auto; }
}
.player .play svg.video-progress-ring,.player .play .video-progress-ring svg {
  position:absolute; inset:0; width:100%; height:100%;
  margin:0; margin-inline-start:0; translate:none; transform:none; fill:none; overflow:visible; pointer-events:none; rotate:-90deg;
}
.video-progress-ring circle { fill:none; stroke:var(--gold,#d9ae4c); stroke-width:2; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:calc(1 - var(--video-progress,0)); }
.video-progress-ring circle.video-progress-ring__track,.video-progress-ring circle.video-progress-track { stroke:rgb(255 255 255 / .25); stroke-dasharray:none; stroke-dashoffset:0; }
html.touch-enhanced .kit-fan__sheet { transition:transform 350ms ease; }
html.touch-enhanced .kit-fan:not(.is-revealed) .kit-fan__sheet { transform:translateX(-50%); }
html.touch-enhanced .kit-fan.is-revealed .kit-fan__sheet--left { transform:translateX(-95%) rotate(-13deg); transition-delay:100ms; }
html.touch-enhanced .kit-fan.is-revealed .kit-fan__sheet--right { transform:translateX(-5%) rotate(13deg); transition-delay:200ms; }
@supports(animation-timeline:view()) {
  html.touch-enhanced .kit-fan.is-revealed { animation:kit-fan-float linear both; animation-timeline:view(); animation-range:entry 0% exit 100%; }
}
@keyframes kit-fan-float { from { transform:translateY(4px); } to { transform:translateY(-4px); } }
@media(hover:none) {
  .video-chapter:is(:hover,:focus-visible) .video-chapter-link::after { opacity:0; animation-play-state:paused; }
  .hero-actions .video-link:hover,.kit-cta:hover,.kit-scroll-action:hover,.kit-modal [type=submit]:hover,#study-form .submit:hover { transform:none; }
  .kit-cta:is(:hover,:focus-visible) .cta-text,.kit-scroll-action:is(:hover,:focus-visible) .cta-text { transform:none; }
  .kit-cta:is(:hover,:focus-visible)::after,.kit-scroll-action:is(:hover,:focus-visible)::after { transform:translateY(-110%); }
  html[data-page-style=paper] .topic-list a:is(:hover,:focus-visible) { transform:rotate(var(--card-rotation)); }
  html[data-page-style=paper] .video-chapter:is(:hover,:focus-visible) .video-chapter-link { transform:none; }
  html[data-page-style=paper] .video-chapter:is(:hover,:focus-visible) .video-chapter-link::after { opacity:0; animation-play-state:paused; }
  .hero-actions .video-link:active,.kit-cta:active,.kit-scroll-action:active,.kit-modal [type=submit]:active,#study-form .submit:active { transform:scale(.97); }
  html[data-page-style=paper] .topic-list a:active { transform:rotate(var(--card-rotation)) scale(1.02); }
  #study-form .submit:hover img,.kit-modal .submit:hover img { transform:none; }
}
@media(max-width:680px) {
  .video-chapter { min-width:0; padding-inline:.25rem; }
  .video-chapter-title { max-width:100%; white-space:normal; text-wrap:balance; }

}
@media(prefers-reduced-motion:reduce) {
  .hero-actions .video-link,.kit-cta,.kit-scroll-action,.kit-modal [type=submit],#study-form .submit,
  .topic-list a,.study-body,.email-valid-indicator,.video-chapter,html.touch-enhanced .kit-fan__sheet { transition:none!important; }
  .tap-ripple,.kit-confetti { display:none; animation:none; }
  .study-body.is-opening { animation:none; opacity:1; transform:none; }
  .hero-actions .video-link:not(.is-pressed):is(:hover,:active),.kit-cta:not(.is-pressed):is(:hover,:active),.kit-scroll-action:not(.is-pressed):is(:hover,:active),.kit-modal [type=submit]:not(.is-pressed):is(:hover,:active),#study-form .submit:not(.is-pressed):is(:hover,:active) { transform:none; }
  .topic-list a:is(:hover,:active) { transform:none; }
  html[data-page-style=paper] .topic-list a:is(:hover,:active) { transform:none!important; }
  .hero-actions .video-link::before,.video-chapter-link::after,html[data-page-style=paper] .video-chapter-link::after { animation:none!important; transition:none; }
  .kit-cta:is(:hover,:focus-visible) .cta-text,.kit-scroll-action:is(:hover,:focus-visible) .cta-text { transform:none; }
  .kit-cta::after,.kit-scroll-action::after { content:none; }
  .kit-modal .submit img { transition:none; }
  .kit-modal .submit:hover img { transform:none; }
  html.touch-enhanced .kit-fan.is-revealed { animation:none; transform:none; }
  html.touch-enhanced .kit-fan:not(.is-revealed) .kit-fan__sheet--left { transform:translateX(-95%) rotate(-13deg); }
  html.touch-enhanced .kit-fan:not(.is-revealed) .kit-fan__sheet--right { transform:translateX(-5%) rotate(13deg); }
}

/* Pointer-held class also gives touch browsers feedback before their native active state. */
.hero-actions .video-link.is-pressed,.kit-cta.is-pressed,.kit-scroll-action.is-pressed,.kit-modal [type=submit].is-pressed,#study-form .submit.is-pressed {
  transform:scale(.97); box-shadow:0 2px 5px rgb(7 30 59 / .24);
}
@media(prefers-reduced-motion:reduce) {
  .hero-actions .video-link.is-pressed,.kit-cta.is-pressed,.kit-scroll-action.is-pressed,.kit-modal [type=submit].is-pressed,#study-form .submit.is-pressed { transform:none; }
}

/* Border motion keeps the pill baseline and thickness fixed. */
html[data-page-style=paper] .video-chapter:is(:hover,:focus-visible) .video-chapter-link { transform:none; }

/* Mouse hover moves only the existing text/icon animation, never the button box. */
@media(hover:hover) {
  .hero-actions .video-link:not(.is-pressed):is(:hover,:active),.kit-cta:not(.is-pressed):is(:hover,:active),.kit-scroll-action:not(.is-pressed):is(:hover,:active),.kit-modal [type=submit]:not(.is-pressed):is(:hover,:active),#study-form .submit:not(.is-pressed):is(:hover,:active) { transform:none; }
  html[data-page-style=paper] .topic-list a:is(:hover,:focus-visible,:active) { transform:rotate(var(--card-rotation)); }
}
/* One border layer at the original outer edge; never shrink the Watch pill. */
.hero-actions .video-link { overflow:visible; }
html[data-page-style=paper] .hero-actions .video-link:is(:hover,:focus-visible,:active),.hero-actions .video-link.is-pressed { transform:none!important; }
.tap-ripple-clip { position:absolute; inset:-2px; overflow:hidden; border-radius:inherit; pointer-events:none; }
.study-body li > strong { display:block; margin-bottom:.2rem; color:var(--theme-red); }
.study-summaries summary h2 > span { display:inline; }
.study-summaries summary h2 .study-count { color:var(--theme-red); }


.player-frame,.player-frame::before { background:var(--rotating-border-gradient); animation:player-border-rotate var(--player-border-rotation) linear infinite; }
.player .play svg.video-progress-ring { opacity:0; }
.player .play.has-progress svg.video-progress-ring { opacity:1; }
html[data-page-style=paper] .share-section { padding-block-end:calc(var(--footer-entry-space) + var(--footer-divider-width)); }
.site-foot { padding-block-start:var(--footer-entry-space); }
.presenter img { object-position:center top; }
.player-frame,.player-frame::before,.hero-actions .video-link::before,html[data-page-style=paper] .video-chapter-link::after { --rotating-border-gradient:conic-gradient(from var(--player-border-angle),var(--rotating-border-red) 0deg,var(--rotating-border-white) 120deg,var(--rotating-border-blue) 240deg,var(--rotating-border-red) 360deg); }
.presenter-portrait { display:block; flex:none; width:60px; height:60px; border-radius:50%; overflow:hidden; }
.presenter-portrait img { width:520px; height:auto; max-width:none; border-radius:0; object-fit:fill; transform:none; translate:-68px -10px; }
@media(prefers-reduced-motion:reduce) { .player-frame,.player-frame::before { animation:none!important; } }
.share h2::before,.share h2::after { background:var(--theme-red); }

/* Compact chapter rows for phones/tablets; desktop retains its three columns. */
:root { --topic-check-color:#A12A2F; --chapter-compact-width:min(100%,clamp(18rem,33.333%,20rem)); }
.submit-label-short,.chapter-title-short { display:none; }
@media(max-width:680px) {
  html[data-page-style=paper] .topic-list { padding:16px; }
  .topic-list a::after,html[data-page-style=paper] .topic-list a::after { width:28px; height:28px; font-size:24px; }
}
@media(max-width:360px) {
  #study-form .submit { font-size:15px; gap:.5rem; flex-wrap:nowrap; }
  #submit-label { white-space:nowrap; }
  #study-form .submit img { flex:none; }
  .submit-label-long { display:none; }
  .submit-label-short { display:inline; }
  #study-form .kit-micro { text-align:center; }
}
@media(max-width:1040px) {
  .chapter-title-long,.chapter-start-label { display:none; }
  .chapter-title-short { display:inline; }
  .video-section .chapter-heading { width:var(--chapter-compact-width); margin-inline:auto; text-align:left; margin-bottom:.5rem; }
  .video-chapters { width:var(--chapter-compact-width); grid-template-columns:1fr; gap:.15rem; }
  .video-chapter { display:grid; grid-template-columns:8px minmax(0,1fr) auto; align-items:center; gap:6px; padding:.25rem 0; text-align:left; min-height:44px; }
  .video-chapter::before { content:"▶"; font:10px/1 var(--font-body); color:var(--brand); }
  .video-chapter-title { min-height:0; font-size:20px; line-height:1.3; white-space:nowrap; text-wrap:nowrap; }
  html[data-page-style=paper] .video-chapter-link { justify-self:end; margin:0; padding:.15rem .35rem; font-size:14px; line-height:1.4; }
  .video-section .hero-stage { margin-top:.5rem; }
}