/* Unified video notebook: one player, one reading surface, five projects. */
.site-header{height:76px;padding-inline:max(3vw,22px);gap:24px}.site-header nav{gap:27px}.site-header nav a{padding:24px 0}.site-header nav a[aria-current=page]:after{bottom:15px}.site-header .local-label{white-space:nowrap}
.study-wrap,.study-home{max-width:1480px;margin:auto;padding:40px 4vw 64px}.study-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.study-intro h1{font-size:34px;font-weight:500;margin:12px 0}.study-intro p{color:var(--muted);font-size:14px;margin:0}.study-total{font-size:42px;font-family:Georgia,serif;color:var(--gold);text-align:right;line-height:1.25}.study-total small{display:block;font:12px/1.8 system-ui;color:var(--muted)}
.study-filters{padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:#182924;scroll-margin-top:90px}.project-pills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.project-pills button{min-height:39px;background:transparent;border:1px solid #52675b;padding:7px 14px;font-size:13px;color:#b8c8bd}.project-pills button[aria-pressed=true]{background:var(--gold);color:#253a2d;border-color:var(--gold)}.project-pills small{opacity:.7;margin-left:6px;font-size:10px}.study-search{display:flex;gap:12px}.study-search input{flex:1;min-width:0;padding:11px 14px;color:var(--ink);background:#101f19;border:1px solid #506451;border-radius:8px;font-size:14px}.study-search input::placeholder{color:#8ea596}.study-search select{padding:8px 12px;background:#263a2e;color:#dce2d6;border:1px solid #506451;min-width:160px;font-size:13px}
.lesson-list-status{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--muted);padding:7px 0}.lesson-list-status>span{margin-left:auto}.lesson-list-status button{background:transparent;color:var(--gold);font-size:12px}.lesson-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.lesson-tile{border:1px solid #395044;border-radius:12px;overflow:hidden;background:#1a2d26;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}.lesson-tile:hover{border-color:#a2a982;transform:translateY(-2px)}.lesson-thumb{aspect-ratio:16/9;background:#07120e;position:relative;overflow:hidden}.lesson-thumb img{width:100%;height:100%;object-fit:cover}.film-placeholder{display:grid;place-items:center;height:100%;color:#8aa395}.lesson-play{position:absolute;left:14px;bottom:12px;background:#0a1a139c;backdrop-filter:blur(6px);width:33px;height:33px;display:grid;place-items:center;border:1px solid #ffffff50;border-radius:50%;font-size:12px;color:#fff}.lesson-time{position:absolute;right:10px;bottom:10px;background:#07110bce;padding:1px 7px;border-radius:4px;font-size:11px;color:#e5e8da}.learned-badge{position:absolute;right:9px;top:9px;background:#dce8cd;color:#345338;font-size:11px;border-radius:4px;padding:2px 7px}.lesson-caption{padding:15px 16px 18px;display:flex;flex-direction:column;flex:1}.lesson-kicker{font-size:10px;color:#c4b586;display:flex;justify-content:space-between;gap:10px}.lesson-kicker>span{color:#92aa98}.lesson-caption h3{font-size:15px;line-height:1.6;margin:8px 0;font-weight:500;overflow-wrap:anywhere}.lesson-caption p{font-size:12px;line-height:1.8;margin:0 0 15px;color:#a6bdad;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.lesson-go{font-size:11px;color:#d4c599;margin-top:auto}.lesson-empty{grid-column:1/-1;text-align:center;padding:70px 20px;color:var(--muted)}.lesson-empty h2{font-size:23px;font-weight:500;color:var(--ink)}.lesson-pages{display:flex;justify-content:center;align-items:center;gap:22px;margin:30px 0;font-size:13px}
.lesson-wrap{max-width:1600px;margin:auto;padding:18px 3vw 50px}.lesson-breadcrumb{display:flex;align-items:center;gap:18px;font-size:12px;color:#a2b5a6}.lesson-breadcrumb>a{color:var(--gold)}.lesson-siblings{margin-left:auto;display:flex;gap:23px;color:#d2d9ca}.lesson-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}.lesson-heading .eyebrow{font-size:10px;letter-spacing:2px}.lesson-heading h1{font-size:clamp(23px,2.2vw,32px);font-weight:500;line-height:1.5;margin:7px 0 0}.learn-check{flex:none;min-height:38px;border:1px solid #59735c;color:#c8d7c8;background:transparent;padding:6px 13px;font-size:12px}.learn-check[aria-pressed=true]{color:#2c482f;background:#cbdcbd;border-color:#cbdcbd}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.studio-player{position:sticky;top:98px;min-width:0}.video-stage{background:#020805;border:1px solid #45604c;border-radius:12px;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.video-stage video{width:100%;height:100%;object-fit:contain;display:block;max-height:52vh;background:#000}.study-player-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:11px 0;font-size:12px;color:#b2c3b4}.study-player-controls button{background:#2d4435;color:#dce4d4;border:1px solid #51684e;padding:5px 10px;font-size:12px;min-height:34px}.study-player-controls label{display:flex;gap:7px;align-items:center}.study-player-controls select{background:#22382a;color:#dce4d4;border:1px solid #51684e;padding:3px 6px;font-size:12px}.study-player-controls>span{margin-left:auto;color:#9bb39f;font-size:11px}#study-player-status{min-height:22px;font-size:12px;color:#d5c897;margin:6px 0 13px}.lesson-purpose{font-size:14px;line-height:1.85;color:#d4dece;border-top:1px solid #3d5344;padding-top:14px;margin-top:10px}.coverage-note{background:#192b22;border:1px solid #3b5141;border-radius:8px;padding:9px 13px;font-size:12px;color:#9eb59f}.coverage-note summary{cursor:pointer;color:#aebe9d}.coverage-note p{font-size:12px;line-height:1.8;margin:10px 0 3px}.player-source-links{display:flex;justify-content:space-between;gap:12px;margin-top:13px;color:#b8c8aa;font-size:12px}.player-source-links button{font-size:12px;color:var(--gold);background:transparent;padding:0}.studio-notes{background:var(--paper);color:var(--paper-ink);border-radius:12px;min-width:0;color-scheme:light;box-shadow:0 10px 40px #040b0722}.study-tabs{display:flex;position:sticky;top:76px;z-index:6;background:#e7e8d9;border-bottom:1px solid #cbd1bb;border-radius:12px 12px 0 0;padding:0 12px;overflow-x:auto}.study-tabs button{flex:1;white-space:nowrap;min-height:51px;font-size:13px;background:transparent;color:#6c795e;border-radius:0;border-bottom:3px solid transparent;padding:11px 7px 8px}.study-tabs button[aria-selected=true]{color:#294d37;border-color:#426c4d;font-weight:700}.study-tabs small{background:#d2dac6;padding:1px 5px;border-radius:4px;margin-left:2px;font-size:10px}.study-content{padding:23px 26px 30px;min-height:470px;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.study-content h2{font-weight:600;font-size:19px;margin:25px 0 12px;line-height:1.6;color:#294d37}.study-content h3{font-size:16px;line-height:1.7;margin:22px 0 9px;color:#315940}.study-content h4{font-size:14px;margin:16px 0 8px}.study-content p{margin:10px 0}.study-content a{color:#326845;text-decoration:underline;text-underline-offset:3px}.study-content ul,.study-content ol{padding-left:23px}.study-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.95;padding:18px;background:#e8eadd;border:1px solid #d5dac5;border-radius:8px;color:#2b4632;margin:12px 0;tab-size:2}.study-content .button{background:#385d41;border-color:#385d41;color:#fff;text-decoration:none}.study-content img{width:auto;height:auto;max-height:420px;object-fit:contain;border-radius:5px;cursor:zoom-in;margin:10px auto;background:#e1e3d6}.study-content table{border-collapse:collapse;min-width:420px;width:100%;font-size:12px;background:#f6f4ea}.study-content th,.study-content td{border:1px solid #cbd2bd;padding:9px;vertical-align:top;text-align:left}.study-content th{background:#e2e8d7}.table-scroll{overflow-x:auto;max-width:100%;margin:15px 0}.study-content details{border:1px solid #cad3bc;border-radius:8px;padding:11px 14px;margin:15px 0;background:#e9eddf}.study-content details summary{cursor:pointer;color:#3a5b3e;font-size:13px;font-weight:500}.study-content details[open]>summary{margin-bottom:12px}.study-content .refs,.study-content .ref-grid,.study-content .refmini,.study-content .reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.study-content .ref,.study-content .ref-card{min-width:0;border:1px solid #c9d2ba;padding:10px;border-radius:7px}.study-content .ref img{max-height:230px}.study-content dl{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 14px}.study-content dt{color:#496748;font-weight:600}.study-content dd{margin:0}.study-content .pair>b{display:block;color:#45633e;margin-top:16px}.study-content .pair>p{margin-top:4px}.study-content .source-link{font-size:12px}.beat-heading{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:14px}.beat-heading h2{margin:0}.beat-heading small{font-size:11px;color:#748266}.study-beats{display:flex;flex-direction:column;gap:9px}.study-beats button{text-align:left;background:#e4e9d8;border:1px solid #c5d1b8;color:#355038;padding:12px 14px;border-radius:8px;display:grid;grid-template-columns:110px minmax(0,1fr);gap:4px 10px;transition:background .15s}.study-beats button:hover,.study-beats button.is-playing{background:#d0dfc0;border-color:#6a8c59}.beat-clock{font-size:11px;color:#5f734d;font-variant-numeric:tabular-nums;padding-top:3px}.study-beats strong{font-size:13px;font-weight:600}.beat-note{grid-column:2;font-size:12px;line-height:1.8;color:#5e7053}.analysis-copy,.evidence-copy{border-top:1px solid #cbd3ba;margin-top:24px;padding-top:2px}.tab-heading h2{margin-top:0}.tab-heading>p,.content-note{font-size:12px;line-height:1.9;color:#65785a}.content-note{background:#e7e9d9;padding:14px 16px;border-radius:8px;border-left:3px solid #a69e67}.prompt-record{margin-top:24px}.prompt-record>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.prompt-record h3{margin:0;font-size:14px}.prompt-record .button{white-space:nowrap}.related-methods,.gpt-copy{border-top:1px solid #ccd4bd;margin-top:24px;padding-top:3px}.related-methods a{display:block;margin-bottom:7px}.gpt-copy p{font-size:13px;color:#62735a}.lesson-bottom{display:flex;justify-content:space-between;gap:25px;font-size:13px;color:var(--gold);border-top:1px solid var(--line);padding-top:23px;margin-top:30px}.lesson-bottom a:last-child{text-align:right}.study-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;margin:8px 0 54px}.study-hero h1{font-size:clamp(32px,3.3vw,48px);font-weight:500;line-height:1.45;margin:18px 0}.study-hero>div>p{color:#abc0ae;font-size:15px;max-width:560px;line-height:1.9}.home-counts{display:flex;gap:25px;font-size:11px;color:#91a990;margin-top:28px}.home-counts b{font-family:Georgia,serif;color:#d4c391;font-size:21px;margin-right:5px;font-weight:400}.resume-card{border-radius:14px;border:1px solid #51624d;overflow:hidden;background:#21372a}.resume-image{height:235px;position:relative;overflow:hidden}.resume-image img{width:100%;height:100%;object-fit:cover}.resume-image>span{position:absolute;bottom:0;left:0;right:0;padding:30px 20px 14px;background:linear-gradient(transparent,#0c1b13e6);color:#efe5c1;font-size:12px}.resume-image i{float:right;font-style:normal}.resume-card>div:last-child{padding:16px 20px}.resume-card small{color:#baad7d;font-size:11px}.resume-card h2{font-size:19px;line-height:1.6;font-weight:500;margin:5px 0}.resume-card p{font-size:12px;color:#9cb195;margin:8px 0 0}.study-projects{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.study-project{border-top:1px solid #627157;padding-top:13px;display:flex;flex-direction:column}.study-project>div{aspect-ratio:16/9;position:relative;background:#213729;border-radius:7px;overflow:hidden}.study-project img{width:100%;height:100%;object-fit:cover}.study-project>div>span{position:absolute;left:8px;top:8px;background:#1b2c22a8;color:#ede1bb;padding:2px 7px;font:12px/1.8 Georgia,serif}.study-project h3{font-size:18px;font-weight:500;margin:13px 0 6px}.study-project p{font-size:12px;color:#9fb79f;margin:0 0 13px;line-height:1.9}.study-project>small{color:var(--gold);font-size:11px;margin-top:auto}.home-picks{grid-template-columns:repeat(5,minmax(0,1fr))}.study-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;border-top:1px solid var(--line);margin-top:44px;padding-top:30px}.study-path span{font-family:Georgia,serif;font-size:18px;color:var(--gold)}.study-path h3{font-size:16px;font-weight:500;margin:7px 0}.study-path p{font-size:12px;color:var(--muted);margin:0}.home-archive{margin-top:40px;border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:#a7baa4}.home-archive summary{cursor:pointer;color:#c9d0b5}.home-archive>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-archive h3{font-size:15px}.home-archive a{display:block;color:var(--gold);font-size:12px;margin-bottom:8px}.site-footer{margin-inline:4vw;max-width:none}
#study-image-dialog{width:min(1200px,95vw);max-height:95vh;border:1px solid #7b9067;background:#15251b;color:#d9e1cf;border-radius:12px;padding:45px 20px 14px}#study-image-dialog::backdrop{background:#000c}#study-image-dialog>button{position:absolute;top:8px;right:12px;color:#eee;background:#344834;font-size:23px;width:34px;height:34px}#study-image-dialog img{max-width:100%;width:auto;max-height:78vh;object-fit:contain;margin:auto}#study-image-dialog p{text-align:center;font-size:12px}.card-unified-link{margin:0 0 17px;padding:12px 14px;background:#dde5d2;border:1px solid #b9c8aa;border-radius:8px;font-size:13px;color:#34513a}.card-unified-link a{display:block;text-decoration:underline;color:#315e3e}
@media(min-width:1450px){.studio-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}
@media(max-width:1150px){.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-picks{grid-template-columns:repeat(3,minmax(0,1fr))}.study-hero{gap:30px}.study-content{padding:20px}.studio-layout{gap:20px}.study-projects{gap:12px}.study-project h3{font-size:16px}.site-header nav{gap:20px}.site-header .local-label{display:none}}
@media(max-width:900px){.studio-layout{grid-template-columns:1fr}.studio-player{position:static}.video-stage{max-height:none}.video-stage video{max-height:none}.studio-notes{margin-top:3px}.study-tabs{top:76px}.lesson-heading h1{font-size:25px}.lesson-purpose{font-size:13px}.study-hero{gap:25px}.study-hero h1{font-size:32px}.study-projects{grid-template-columns:repeat(3,minmax(0,1fr))}.study-project h3{font-size:18px}.study-path{gap:18px}.lesson-breadcrumb{gap:12px}}
@media(max-width:620px){.site-header{height:auto;min-height:94px;padding:11px 15px 0;flex-wrap:wrap;gap:4px}.brand{font-size:17px;gap:8px}.brand-mark{height:33px;width:33px;font-size:21px}.brand small{display:none}.site-header nav{width:100%;order:2;justify-content:space-between;margin:0;gap:8px;overflow:visible}.site-header nav a{font-size:12px;padding:10px 0 13px;white-space:nowrap}.site-header nav span{display:none}.site-header nav a[aria-current=page]:after{bottom:4px}.study-wrap,.study-home{padding:24px 16px 40px}.study-intro h1{font-size:26px}.study-intro p{font-size:12px}.study-total{display:none}.study-filters{padding:13px}.project-pills{gap:6px;margin-bottom:12px}.project-pills button{font-size:11px;padding:6px 9px;min-height:34px}.project-pills small{margin-left:3px}.study-search{flex-wrap:wrap;gap:8px}.study-search input{flex-basis:100%;font-size:12px}.study-search select{width:100%;font-size:12px}.lesson-grid,.home-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lesson-caption{padding:12px}.lesson-kicker{font-size:9px;flex-wrap:wrap;gap:3px}.lesson-caption h3{font-size:13px}.lesson-caption p{font-size:11px;-webkit-line-clamp:2}.lesson-go{font-size:10px}.lesson-list-status{font-size:11px;gap:8px}.lesson-list-status>span{display:none}.lesson-wrap{padding:14px 12px 35px}.lesson-breadcrumb{flex-wrap:wrap;font-size:11px}.lesson-breadcrumb>span:nth-child(3){display:none}.lesson-heading{gap:12px;align-items:start;margin:20px 0 16px}.lesson-heading h1{font-size:22px}.learn-check{font-size:10px;padding:4px 8px;min-height:33px}.lesson-heading .eyebrow{font-size:9px;letter-spacing:1px}.studio-layout{gap:14px}.study-tabs{top:94px;padding:0 5px}.study-tabs button{font-size:12px;min-height:48px}.study-content{padding:18px 16px}.study-content h2{font-size:17px}.study-beats button{grid-template-columns:1fr;padding:11px}.beat-clock{padding:0}.beat-note{grid-column:1}.beat-heading{display:block}.beat-heading small{display:block;margin-top:4px}.prompt-record>div{display:block}.prompt-record .button{margin-top:10px}.study-content pre{font-size:12px;padding:12px}.study-content dl{display:block}.study-content dd{margin-bottom:12px}.study-content .refs,.study-content .reference-grid{grid-template-columns:1fr}.study-player-controls{gap:10px}.study-player-controls>span{font-size:10px}.lesson-bottom{font-size:12px;flex-direction:column;gap:14px}.lesson-bottom a:last-child{text-align:left}.study-hero{grid-template-columns:1fr;margin-bottom:32px;gap:26px}.study-hero h1{font-size:34px;margin-top:14px}.study-hero>div>p{font-size:13px}.home-counts{gap:18px;margin-top:20px}.resume-image{height:195px}.study-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.study-projects .study-project:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.study-project:last-child>div{grid-row:1/4;align-self:center}.study-project:last-child>h3{margin-top:0}.study-project h3{font-size:17px}.study-project p{font-size:11px}.study-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.home-archive>div{grid-template-columns:1fr}.section-heading h2{font-size:21px}.section-heading p{font-size:12px}.section-heading>a{font-size:11px}.home-counts span{font-size:10px}.home-counts b{font-size:18px}.study-content .refmini{grid-template-columns:1fr}.study-content .ref img{max-height:300px}}
@media(prefers-reduced-motion:reduce){.lesson-tile{transition:none}.lesson-tile:hover{transform:none}html{scroll-behavior:auto}}

/* Compact segment navigator: one observation stays beside the current video. */
.study-beats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:288px;overflow-y:auto;scrollbar-color:#91a37f #e3e8d6;padding-right:3px}.study-beats button{display:flex;flex-direction:column;gap:3px;padding:10px 12px;min-width:0}.study-beats button[aria-pressed=true]{background:#d3dfc5;border-color:#789768;box-shadow:inset 3px 0 #668458}.study-beats strong{font-size:12px}.selected-beat-note{margin-top:12px;padding:13px 15px;background:#f3f2e7;border-left:3px solid #8fa577;border-radius:0 6px 6px 0;font-size:12px;color:#53694d}.selected-beat-note>strong{color:#36543d;font-size:13px}.selected-beat-note p{margin:5px 0 0}.study-beats:focus-within{outline-offset:3px}.study-content .analysis-copy>details:first-of-type{margin-top:12px}
@media(max-width:620px){.study-beats{max-height:272px}.study-beats button{padding:9px}.beat-clock{font-size:10px}.selected-beat-note{font-size:12px}}

/* Keep account access visible, with a scrollable second navigation row. */
.site-header .local-label{display:inline-flex;flex:none;white-space:nowrap;min-height:44px}
.site-header nav{min-width:0}
.account-list{display:grid;gap:18px;margin-top:24px;min-width:0}
.account-list article{min-width:0;padding:20px;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}
.account-list article>a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.account-list pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font:inherit;margin:12px 0 0}
@media(max-width:1150px){
  .site-header{height:auto;min-height:96px;padding:8px 20px 0;flex-wrap:wrap;gap:0 20px}
  .site-header .local-label{display:inline-flex;margin-left:auto;font-size:12px}
  .site-header nav{order:2;flex:0 0 100%;width:100%;max-width:100%;margin:0;justify-content:flex-start;overflow-x:auto;gap:21px;scrollbar-width:thin}
  .site-header nav a{flex:none;white-space:nowrap;font-size:13px;line-height:24px;padding:10px 0}
  .site-header nav a[aria-current=page]:after{bottom:4px}
  .study-tabs{top:96px}
}
@media(max-width:620px){.site-header{padding-inline:15px}.site-header nav a{font-size:12px}}
