/* Oakfield learning page: scoped to the existing public-site shell. */
.lr-learning-site{--ink:#243b35;--muted:#627069;--line:#d5dbd3;--paper:#f7f7f1;--accent:#45634e;--tint:#e4e9df;--tint-soft:#eef1e9;--screen:#131b16;background:var(--paper);color:var(--ink)}
.lr-learning-site *{box-sizing:border-box}
.lr-learning-site .lr-wrap{width:calc(100% - 96px);max-width:1280px;margin:0 auto}
.lr-learning-site h1,.lr-learning-site h2,.lr-learning-site h3,.lr-learning-site h4,.lr-learning-site p,.lr-learning-site figure{margin:0}
.lr-learning-site a{color:inherit;text-decoration:none}
.lr-learning-site button,.lr-learning-site input,.lr-learning-site select{font:inherit}
.lr-learning-site button,.lr-learning-site select{cursor:pointer}
.lr-learning-site button{color:inherit}
.lr-learning-site :focus-visible{outline:3px solid #b75b2a;outline-offset:4px}
.lr-learning-site .lr-header{max-width:1440px;padding:25px 48px;margin:0 auto;border-bottom:1px solid var(--line)}
.lr-learning-site .lr-header nav a[aria-current=page]{color:#315941;text-decoration:underline;text-underline-offset:7px}
.lr-learning-menu{display:none}
.lr-learning-site .lr-review-bar{padding:8px 24px;background:#e8e0cd;color:#514b3d;font-size:11px;letter-spacing:.05em;text-align:center}
.lr-learning-site .lr-footer{max-width:1280px;margin:0 auto;padding:48px 0;border-top:1px solid var(--line)}
.lr-kicker{font-size:11px!important;line-height:1.5!important;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.lr-tone-ochre{--accent:#7e5828;--tint:#eee5d3;--tint-soft:#f4efe3}
.lr-tone-blue{--accent:#365d72;--tint:#dae6e9;--tint-soft:#edf2f3}
.lr-tone-green{--accent:#3f604d;--tint:#dde7d9;--tint-soft:#eef3e9}
.lr-dark-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 19px;color:white!important;background:#2c473b;font-size:13px;font-weight:550;min-height:46px;white-space:nowrap}
.lr-dark-button:hover{background:#1f352b}

/* 1 · The claim */
.lr-concept-page{padding-bottom:70px}
.lr-concept-intro{padding:40px 0 26px}
.lr-concept-intro h1{font-size:clamp(32px,4.2vw,58px);font-weight:450;letter-spacing:-.04em;line-height:1.06;max-width:980px;margin-top:12px}
.lr-concept-lead{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:24px;max-width:1000px}
.lr-concept-lead p{font-size:16px;line-height:1.65;color:#3f4f47}
.lr-concept-stats{font-size:12px;font-weight:600;margin-top:22px!important}
.lr-concept-stats span{margin:0 7px;color:#91a090}

/* 2 · The films */
.lr-concept-films{padding:10px 0 0}
.lr-view-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:14px;scroll-margin-top:12px}
.lr-view-heading h2{font-size:clamp(22px,2.4vw,32px);font-weight:500;letter-spacing:-.03em;line-height:1.15;margin-top:6px;max-width:900px}
.lr-view-heading>div>p:last-child{font-size:14px;line-height:1.55;color:var(--muted);margin-top:8px;max-width:760px}
.lr-lesson-count{font-size:11px;white-space:nowrap;color:var(--muted)}.lr-lesson-count b{font-size:16px;color:var(--ink);font-weight:500}
.lr-watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:auto auto;gap:0 28px;align-items:start}
.lr-video-column{min-width:0;grid-column:1;grid-row:1}
.lr-film-detail{min-width:0;grid-column:1;grid-row:2}
.lr-film-list{grid-column:2;grid-row:1/span 2}
.lr-video-stage{position:relative;background:var(--screen);aspect-ratio:16/9;overflow:hidden}
.lr-video-stage video{display:block;width:100%;height:100%;object-fit:contain;background:var(--screen)}
.lr-video-stage video:fullscreen{background:var(--screen);object-fit:contain}
.lr-poster-cover{position:absolute;inset:0;pointer-events:none}
.lr-poster-cover img{display:block;width:100%;height:100%;object-fit:cover}
.lr-player-cover{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:linear-gradient(to bottom,#131b1600 35%,#131b16cc);color:white!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:14px!important;font-weight:600;text-shadow:0 1px 6px #000a}
.lr-play-circle{width:76px;height:76px;border-radius:50%;background:#fff;color:#1f352b;display:grid;place-items:center;font-size:28px;line-height:1;padding-left:6px;box-shadow:0 8px 28px #0007;text-shadow:none;transition:transform .15s}
.lr-player-cover:hover .lr-play-circle{transform:scale(1.06)}
.lr-player-tools{display:flex;gap:6px 18px;align-items:center;border:1px solid var(--line);border-top:0;background:white;padding:4px 12px;flex-wrap:wrap}
.lr-player-tools button,.lr-player-tools label{display:flex;gap:6px;align-items:center;font-size:12px;min-height:44px;padding:4px 2px;border:0;background:transparent;white-space:nowrap}
.lr-player-tools button:hover{text-decoration:underline}.lr-player-tools button[aria-pressed=true]{font-weight:700;color:var(--accent)}
.lr-player-tools select{background:transparent;border:0;padding:8px 0;font-size:12px;color:inherit}
.lr-player-status{margin-left:auto;font-size:11px;color:var(--muted);line-height:1.5;padding:6px 0}
.lr-player-error{font-size:13px;line-height:1.7;color:#863c20;background:#f4e7dc;padding:14px;margin-top:8px!important}.lr-player-error a{text-decoration:underline}
.lr-film-navigation{display:grid;grid-template-columns:1fr 1.25fr;border:1px solid var(--line);margin-top:14px;background:white}
.lr-film-navigation a,.lr-film-navigation-start{display:flex;gap:15px;align-items:center;justify-content:flex-start;font-size:13px;line-height:1.4;min-height:80px;padding:15px 18px}
.lr-film-navigation small{display:block;font-size:10px;letter-spacing:.04em;color:var(--muted);margin-bottom:5px}
.lr-film-navigation a:hover{text-decoration:underline;text-underline-offset:3px}
.lr-film-navigation .lr-next-film{background:#2c473b;color:#fff;border-left:1px solid var(--line);justify-content:space-between;font-weight:550}
.lr-film-navigation .lr-next-film small{color:#d9e6d7}
.lr-film-navigation-start{color:var(--muted)}.lr-film-navigation .lr-next-film.lr-film-navigation-start{background:var(--tint-soft);color:var(--muted)}
.lr-film-ended{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;padding:25px;background:#f7f7f1f5}
.lr-film-ended h3{max-width:480px;font-size:clamp(22px,2.5vw,32px);line-height:1.2;font-weight:500}
.lr-film-ended a{display:flex;gap:24px;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;background:#2c473b;color:white;font-size:14px}
.lr-chapters{margin:26px 0 26px}.lr-chapters h3{font-size:20px;font-weight:550;letter-spacing:-.02em}.lr-chapters>p{font-size:12px;line-height:1.5;color:var(--muted);margin:6px 0 14px}
.lr-chapters ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.lr-chapters a{display:flex;align-items:center;gap:15px;padding:13px 12px;min-height:48px;border-bottom:1px solid var(--line);font-size:13px}
.lr-chapters a>span{flex:1}.lr-chapters time{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}
.lr-chapters a[aria-current=true]{background:var(--tint-soft);box-shadow:inset 3px 0 var(--accent)}.lr-chapters a:hover{background:var(--tint)}
.lr-film-notes{border-top:1px solid var(--line);font-size:13px;line-height:1.7}.lr-film-notes:last-child{border-bottom:1px solid var(--line)}
.lr-film-notes summary{display:flex;justify-content:space-between;gap:15px;list-style:none;cursor:pointer;padding:18px 0;font-weight:550;min-height:48px}.lr-film-notes summary::-webkit-details-marker{display:none}.lr-film-notes summary span{font-size:11px;color:var(--muted)}
.lr-film-notes>p{margin:3px 0 18px}.lr-film-notes>ul{padding-left:18px;margin:0 0 20px}.lr-film-notes li{margin:8px 0}
.lr-lesson-plan{margin-bottom:0}.lr-lesson-plan[open]>summary{margin-bottom:6px}
.lr-transcript>p{display:flex;align-items:start;gap:20px}.lr-transcript button{color:var(--accent);background:var(--tint-soft);border:1px solid var(--line);padding:8px;min-width:52px;font-size:11px;font-variant-numeric:tabular-nums}.lr-transcript>p>span{flex:1;color:#526055}

/* The list of films: every one a link with a frame from the film, its number, title and length. */
.lr-film-list{border:1px solid var(--line);background:#fff;position:sticky;top:12px;max-height:calc(100svh - 24px);overflow:auto;scrollbar-gutter:stable}
.lr-film-list-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}
.lr-film-list-head h3{font-size:18px;font-weight:600;letter-spacing:-.02em}.lr-film-list-head span{font-size:11px;color:var(--muted);white-space:nowrap}
.lr-film-group h4{display:flex;gap:10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:650;color:var(--accent);padding:12px 18px 8px;background:var(--tint-soft);border-bottom:1px solid var(--line)}
.lr-film-group h4 span{color:var(--muted)}
.lr-film-group ol{list-style:none;margin:0;padding:0}
.lr-film-group li a{display:flex;gap:12px;align-items:center;padding:10px 14px 10px 11px;min-height:66px;border-bottom:1px solid #e8eae5;border-left:3px solid transparent}
.lr-film-group li a:hover{background:var(--tint-soft)}
.lr-film-group li a[aria-current=page]{background:var(--tint);border-left-color:var(--accent)}
.lr-film-thumb{position:relative;flex:none;width:108px;aspect-ratio:16/9;background:var(--screen);border-radius:3px;overflow:hidden}
.lr-film-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.lr-film-thumb i{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:#131b16d9;color:#fff;display:grid;place-items:center;font-size:11px;padding-left:2px;font-style:normal;box-shadow:0 1px 4px #0006}
.lr-film-group li a[aria-current=page] .lr-film-thumb i{background:var(--accent)}
.lr-film-thumb b{position:absolute;right:4px;bottom:4px;background:#000d;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:2px;font-variant-numeric:tabular-nums;line-height:1.3}
.lr-film-text{flex:1;min-width:0}
.lr-film-text strong{display:block;font-size:13px;line-height:1.35;font-weight:550}
.lr-film-no{color:var(--accent);font-variant-numeric:tabular-nums}
.lr-film-text small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.lr-film-group li a[aria-current=page] .lr-film-text small{color:var(--accent);font-weight:600}
.lr-growing-note{font-size:12px;line-height:1.7;color:var(--muted);padding:14px 18px 16px}.lr-growing-note b{font-weight:600;color:var(--ink);margin-right:5px}

/* 3 · The school */
.lr-section-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}
.lr-section-top h2{font-size:30px;font-weight:450;letter-spacing:-.035em;line-height:1.15;margin-top:8px;max-width:760px}
.lr-section-top p:not(.lr-kicker){font-size:15px;line-height:1.65;color:#536259;margin-top:10px;max-width:680px}
.lr-concept-school{padding:56px 0 10px;border-top:1px solid var(--line);margin-top:48px;scroll-margin-top:24px}
.lr-school-elevation{margin:6px 0 26px!important}
.lr-school-elevation img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;mix-blend-mode:multiply}
.lr-school-elevation figcaption{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:10px;color:var(--muted);font-size:11px;letter-spacing:.03em}
.lr-plan-floors{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.lr-plan-floors button{border:1px solid var(--line);background:#f7f7f1;color:var(--ink);padding:12px 17px;font-size:13px;min-height:44px}
.lr-plan-floors button[aria-pressed=true]{background:#284738;border-color:#284738;color:white}
.lr-plan-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap}
.lr-plan-toolbar label{display:grid;gap:6px;font-size:12px;max-width:100%}
.lr-plan-toolbar select{font:inherit;font-size:14px;background:white;color:var(--ink);border:1px solid var(--line);padding:10px;min-height:44px;max-width:100%;min-width:260px}
.lr-plan-toolbar button,.lr-plan-toolbar>a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;background:transparent;color:var(--ink);border:0;text-decoration:underline;text-underline-offset:4px;padding:8px 3px}
.lr-plan-description{font-size:13px;line-height:1.6;color:var(--muted);margin:16px 0!important}
.lr-plan-viewport{width:100%;background:#faf8f1;border:1px solid var(--line);overflow:auto;overscroll-behavior:contain;max-height:680px}
.lr-plan-viewport img{display:block;width:100%;height:auto;max-width:none}
.lr-plan-viewport.is-enlarged{max-height:620px}.lr-plan-viewport.is-enlarged img{width:200%}
.lr-plan-caption{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 0 22px;font-size:12px;line-height:1.6;color:var(--muted)}
.lr-plan-caption a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:28px}
.lr-school-elevation figcaption a{display:inline-flex;align-items:center;min-height:28px}

/* 4 · The offer */
.lr-concept-offer{padding:56px 0 10px;border-top:1px solid var(--line);margin-top:40px}
.lr-concept-offer h2{font-size:32px;font-weight:450;letter-spacing:-.035em;line-height:1.15;margin-top:8px;max-width:720px}
.lr-concept-offer>div>p{font-size:15px;line-height:1.7;color:#536259;margin-top:12px;max-width:680px}
.lr-offer-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:30px 0;max-width:900px}
.lr-offer-columns h3{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:650;color:var(--accent);margin-bottom:10px}
.lr-offer-columns ul{margin:0;padding-left:18px;font-size:15px;line-height:1.7;color:#3f4f47}
.lr-offer-columns li{margin:6px 0}

/* Formats and small screens */
.lr-film-portrait .lr-video-stage{aspect-ratio:9/16}
@media(max-width:1100px){.lr-learning-site .lr-wrap{width:calc(100% - 56px)}.lr-learning-site .lr-header{padding:22px 28px}.lr-watch-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.lr-learning-site .lr-footer{margin:0 28px}.lr-film-thumb{width:96px}}
@media(max-width:900px){
  .lr-learning-site .lr-header>nav,.lr-learning-site .lr-header>.lr-signin{display:none}
  .lr-learning-menu{display:block;position:relative;margin-left:auto}.lr-learning-menu>summary{list-style:none;cursor:pointer;font-size:12px;min-height:44px;display:flex;align-items:center;gap:15px}.lr-learning-menu>summary::-webkit-details-marker{display:none}
  .lr-learning-menu>nav{position:absolute;right:0;top:48px;display:flex!important;flex-direction:column;align-items:stretch!important;gap:0!important;z-index:20;background:var(--paper);border:1px solid var(--line);padding:10px;width:210px;box-shadow:0 10px 24px #243b3520}.lr-learning-menu>nav a{padding:13px}
  .lr-concept-lead{grid-template-columns:1fr;gap:14px}
  .lr-watch-layout{grid-template-columns:1fr;grid-template-rows:none;gap:22px}
  .lr-video-column,.lr-film-detail,.lr-film-list{grid-column:1;grid-row:auto}
  .lr-film-list{position:static;max-height:none;overflow:visible}
  .lr-film-list-head{position:static}
  .lr-film-thumb{width:120px}
  .lr-section-top{align-items:start}
}
@media(max-width:720px){
  .lr-learning-site .lr-wrap{width:calc(100% - 36px)}.lr-learning-site .lr-header{padding:12px 18px}.lr-learning-site .lr-brand{font-size:18px}.lr-learning-site .lr-footer{margin:0 18px;padding:30px 0}
  .lr-concept-intro{padding:26px 0 18px}.lr-concept-intro h1{font-size:34px}.lr-concept-lead p{font-size:15px}.lr-concept-stats{font-size:11px}
  .lr-view-heading{align-items:start;gap:12px;margin-bottom:12px}.lr-view-heading h2{font-size:24px}.lr-view-heading>div>p:last-child{font-size:13px}.lr-lesson-count{display:none}
  .lr-player-tools{padding:2px 8px;gap:0 12px}.lr-player-tools button,.lr-player-tools label{font-size:12px}.lr-player-status{flex-basis:100%;margin-left:0;padding:4px 2px 8px}
  .lr-film-navigation{grid-template-columns:1fr 1.2fr;margin-top:12px}.lr-film-navigation a,.lr-film-navigation-start{font-size:12px;padding:12px;gap:10px;min-height:84px}.lr-film-navigation small{font-size:9px}
  .lr-chapters a{font-size:12px;padding:13px 9px}
  .lr-film-notes{font-size:12px}.lr-film-notes summary{font-size:12px;min-height:56px}
  .lr-film-group li a{padding:10px 12px 10px 9px}.lr-film-text strong{font-size:14px}
  .lr-section-top h2,.lr-concept-offer h2{font-size:26px}.lr-concept-school,.lr-concept-offer{padding-top:36px;margin-top:32px}
  .lr-school-elevation img{min-height:120px}.lr-school-elevation figcaption{font-size:10px}
  .lr-plan-floors{gap:6px}.lr-plan-floors button{font-size:12px;padding:10px 12px}.lr-plan-toolbar label{width:100%}.lr-plan-toolbar select{width:100%;font-size:16px;min-width:0}.lr-plan-toolbar{gap:6px 18px}.lr-plan-viewport.is-enlarged{max-height:380px}.lr-plan-viewport.is-enlarged img{width:300%}
  .lr-offer-columns{grid-template-columns:1fr;gap:18px;margin:22px 0}.lr-offer-columns ul{font-size:14px}
  .lr-dark-button{width:100%}
}
@media(max-width:720px) and (orientation:portrait){
  .lr-watch-content .lr-video-stage{width:calc(100% + 36px);margin-inline:-18px;aspect-ratio:9/16}
  .lr-watch-content .lr-player-tools{width:calc(100% + 36px);margin-inline:-18px;border-inline:0}
}
@media(max-height:500px) and (orientation:landscape){.lr-film-landscape .lr-video-stage{height:calc(100svh - 54px);aspect-ratio:auto}}
@media(prefers-reduced-motion:reduce){.lr-learning-site *{scroll-behavior:auto!important;transition:none!important}}