/* A lecture keeps its player and bibliography in the same scrollable page. */
.lecture-study-overlay.cinema-overlay { left: var(--sidebar-width, 0px); overflow-y: auto; overscroll-behavior: contain; background: #222729; }
.lecture-study-overlay.cinema-overlay .watch-dialog { height: auto; min-height: 100dvh; overflow: visible; background: #222729; box-shadow: none; }
.lecture-study-overlay .cinema-shell { height: auto; background: #222729; }
.lecture-study-overlay .cinema-toolbar { position: sticky; top: 0; height: 62px; padding: 10px 24px; background: #222729ed; backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); }
.lecture-study-overlay .cinema-toolbar h2 { max-width: none; font-size: 13px; }
.lecture-study-overlay .cinema-stage { position: relative; inset: auto; width: 100%; height: min(58vw, 59dvh); min-height: 260px; max-height: 700px; }
.lecture-study-overlay .cinema-player-host { max-width: 1244px; margin: auto; }
.lecture-study-overlay .watch-drawer { position: fixed; top: 62px; bottom: 0; background: #202527f5; }
.lecture-study-overlay .watch-drawer-heading { background: #202527f5; }
.lecture-study-overlay .moment-product { position: fixed; }
.lecture-study-overlay .playback-recovery { position: absolute; top: 120px; bottom: auto; }
.lecture-study-body { max-width: 1440px; padding: 30px clamp(20px, 3vw, 48px) 65px; margin: auto; }
.lecture-overview { display: flex; gap: 30px; justify-content: space-between; padding-bottom: 28px; border-bottom: 1px solid #ffffff16; }
.study-eyebrow { margin: 0 0 10px; font-size: 10px; letter-spacing: 1.9px; font-weight: 600; color: #aab7b1; }
.lecture-overview h1 { font: 650 clamp(24px, 2.5vw, 34px)/1.12 var(--font); letter-spacing: -.7px; margin: 0 0 10px; }
.lecture-overview p:not(.study-eyebrow) { font-size: 13px; line-height: 1.6; color: #bdc4c3; margin: 5px 0; }
.lecture-description { max-width: 650px; }
.lecture-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; align-content: center; gap: 9px; flex-shrink: 0; max-width: 295px; }
.lecture-actions .secondary { font-size: 12px; padding: 10px 15px; min-height: 38px; }
.lecture-actions .circle { width: 38px; height: 38px; }
.study-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin: 30px 0 23px; }
.lecture-resources { scroll-margin-top: 82px; }
.study-section-heading h2 { font-size: 25px; letter-spacing: -.5px; margin: 0 0 8px; }
.study-section-heading p:not(.study-eyebrow) { margin: 0; color: #bac2c1; font-size: 13px; line-height: 1.65; max-width: 670px; }
.study-list-jump { flex-shrink: 0; font-size: 12px; padding: 11px 15px; gap: 7px; }
.study-list-jump span { font-variant-numeric: tabular-nums; color: #a9b3af; margin-left: 2px; }
.study-books { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px 22px; }
.study-book { min-width: 0; display: flex; flex-direction: column; }
.study-book-art { height: clamp(160px, 18vw, 248px); border: 1px solid #ffffff0c; border-radius: 12px; background: linear-gradient(145deg, #39414490, #181d1e); padding: 18px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.study-book-art img { height: 100%; width: 100%; object-fit: contain; filter: drop-shadow(3px 9px 7px #0005); transition: transform 240ms ease; }
.study-book:hover .study-book-art img { transform: translateY(-3px) scale(1.025); }
.study-book-typeset { width: 100%; height: 100%; padding: 16px 13px; display: flex; flex-direction: column; justify-content: center; background: #d8d0b5; color: #282e2a; border-left: 5px solid #88816d; box-shadow: 4px 7px 12px #0004; }
.study-book-typeset span { font-size: 7px; letter-spacing: 1.2px; margin-bottom: 13px; }
.study-book-typeset strong { font: 600 clamp(15px, 1.6vw, 23px)/1.12 Georgia, serif; overflow-wrap: break-word; }
.study-book-typeset small { font-size: 9px; line-height: 1.4; margin-top: 15px; }
[data-book-tone="1"] .study-book-typeset { background: #9eb5b0; border-color: #546b66; }
[data-book-tone="2"] .study-book-typeset { background: #d0b99c; border-color: #85745d; }
[data-book-tone="3"] .study-book-typeset { background: #bcc7d0; border-color: #707e89; }
[data-book-tone="4"] .study-book-typeset { background: #b4aea2; border-color: #716b60; }
.study-book-copy { display: flex; flex-direction: column; flex: 1; padding: 14px 1px 0; }
.study-book h3 { font-size: 15px; line-height: 1.35; letter-spacing: -.2px; margin: 0 0 5px; }
.study-book-author { color: #aab5b1; font-size: 12px; line-height: 1.5; margin: 0 0 10px; }
.study-book-context { color: #b2bab7; font-size: 11px; line-height: 1.6; margin: 0 0 12px; }
.study-mention { color: #d3e9dc; display: inline-flex; align-items: center; gap: 5px; font-size: 10px; text-align: left; padding: 0 0 14px; margin-top: auto; }
.study-mention svg { width: 12px; height: 12px; flex-shrink: 0; }
.study-retailer { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 9px 10px; border-radius: 22px; font-size: 12px; line-height: 1.3; background: #ffffff12; border: 1px solid #ffffff13; }
.study-retailer:hover { background: #ffffff22; }
.study-retailer svg, .study-source-note svg { width: 12px; height: 12px; }
.study-merchant { display: block; margin: 7px 0 0; text-align: center; font-size: 10px; color: #99a5a0; line-height: 1.5; }
.study-author-references { border-top: 1px solid #ffffff15; padding-top: 22px; margin-top: 30px; }
.study-author-references h3 { font-size: 16px; margin: 0 0 10px; }
.study-author-references p, .study-source-note p { color: #a4aeaa; font-size: 12px; line-height: 1.7; margin: 6px 0; max-width: 1000px; }
.study-source-note { padding-top: 22px; margin-top: 20px; border-top: 1px solid #ffffff10; }
.study-source-note a { color: #c4d4cb; text-decoration: underline; text-underline-offset: 3px; }
.study-source-note a svg { vertical-align: middle; }
.lecture-study-body :is(a,button):focus-visible { outline: 2px solid #b7dec8; outline-offset: 4px; }
#main .featured-carousel .hero-buy { min-width: 146px; }
#main .featured-carousel .hero-content:has(.hero-buy) { max-width: 620px; }
@media(max-width:1200px) { .study-books { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lecture-overview { flex-wrap: wrap; gap: 16px; } .lecture-actions { max-width: none; justify-content: flex-start; } }
@media(max-width:900px) { .study-books { grid-template-columns: repeat(3, minmax(0, 1fr)); } .study-section-heading { align-items: flex-start; flex-direction: column; gap: 15px; } .study-book-art { height: 230px; } }
@media(max-width:700px) {
  .lecture-study-overlay .cinema-toolbar { height: 58px; padding: 8px 12px; }
  .lecture-study-overlay .cinema-toolbar h2 { max-width: calc(100% - 135px); font-size: 11px; }
  .lecture-study-overlay .cinema-tools { gap: 0; }
  .lecture-study-overlay .cinema-stage { height: 56.25vw; min-height: 0; }
  .lecture-study-overlay .watch-drawer { top: 58px; }
  .lecture-study-body { padding: 25px 20px 45px; }
  .study-books { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px 16px; }
  .study-book-art { height: 220px; padding: 12px; }
  .study-book-typeset { padding: 12px 10px; }
  .study-book-typeset strong { font-size: 18px; }
  .study-book h3 { font-size: 14px; }
  .study-book-context { font-size: 11px; }
  #main .featured-carousel .hero-content:has(.hero-buy) { max-width: 100%; padding-inline: 25px; }
  #main .featured-carousel .actions:has(.hero-buy) { gap: 8px; flex-wrap: wrap; }
  #main .featured-carousel .actions:has(.hero-buy) .primary { min-width: 130px; padding-inline: 13px; font-size: 13px; }
}
@media(max-width:370px) { .study-book-art { height: 190px; } #main .featured-carousel .actions:has(.hero-buy) .primary { min-width: 118px; } }
@media(prefers-reduced-motion:reduce) { .study-book-art img { transition: none; } .study-book:hover .study-book-art img { transform: none; } }