/* Shared learning detail. Requires the canonical recordings.css; no frontend script is added. */
.learning-detail .recording-heading-grid{align-items:start}
.learning-detail .learning-heading-label{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline}
.learning-detail .learning-heading-label time{font-weight:400;color:var(--a-color-body);letter-spacing:0;text-transform:none}
.learning-detail .learning-heading-duration{margin:18px 0 0;font-size:.9375rem;line-height:1.6;font-weight:500;color:var(--a-color-ink)}
.learning-detail .learning-heading-duration span{font-size:.8125rem;font-weight:400;color:var(--a-color-body)}
.learning-detail .learning-contributors{list-style:none;margin:0;padding:0}
.learning-detail .learning-contributors li+li{margin-top:18px}
.learning-detail .learning-contributor-role{display:block;font-size:.75rem;color:var(--a-color-body);margin-bottom:6px}
.learning-detail .learning-contributor-name{display:block;font-size:1.0625rem;line-height:1.5;font-weight:500;color:var(--a-color-ink)}
.learning-detail .learning-contributor-affiliation{display:block;margin-top:4px;font-size:.8125rem;line-height:1.6}
.learning-detail .learning-context{min-width:0;border-top:2px solid var(--a-color-action);padding-top:22px}
.learning-detail .learning-context h2{font-size:1.125rem;line-height:1.4;letter-spacing:-.02em;margin:0 0 20px}
.learning-detail .learning-facts{margin:0}
.learning-detail .learning-facts>div{padding:16px 0;border-bottom:1px solid var(--a-color-line)}
.learning-detail .learning-facts>div:first-child{padding-top:0}
.learning-detail .learning-facts dt{font-size:.75rem;color:var(--a-color-ink);font-weight:600}
.learning-detail .learning-facts dd{margin:7px 0 0;font-size:.875rem;line-height:1.65;overflow-wrap:anywhere}
.learning-detail .learning-context-note{margin-top:28px;font-size:.875rem;line-height:1.65}
.learning-detail .learning-context-note .text-link{margin-top:12px;font-size:.875rem;min-height:44px}
.learning-detail .learning-source-detail{border-bottom:1px solid var(--a-color-line);margin-top:22px;padding-bottom:16px}
.learning-detail .learning-source-detail summary{cursor:pointer;min-height:44px;padding-block:12px;font-size:.8125rem;color:var(--a-color-ink);font-weight:600}
.learning-detail .learning-source-detail dl{margin:8px 0 0}
.learning-detail .learning-source-detail dt{font-size:.75rem;font-weight:600;color:var(--a-color-ink)}
.learning-detail .learning-source-detail dd{font-size:.8125rem;line-height:1.65;margin:6px 0 18px;overflow-wrap:anywhere}
.learning-detail .learning-primary-note{font-size:.875rem;line-height:1.65;margin-top:14px}
.learning-detail .learning-primary-summary{border-top:2px solid var(--a-color-action);border-bottom:1px solid var(--a-color-line);padding:28px;background:var(--a-color-pale)}
.learning-detail .learning-primary-summary h2{font-size:clamp(1.375rem,2.5vw,1.75rem);line-height:1.35;letter-spacing:-.025em;margin:12px 0 16px}
.learning-detail .learning-primary-summary p{max-width:65ch;font-size:.9375rem;line-height:1.7}
.learning-detail .learning-primary-summary .text-link{min-height:44px;margin-top:14px}
.learning-detail .learning-materials{margin-top:34px;scroll-margin-top:24px}
.learning-detail .learning-materials>h2{font-size:1.375rem;line-height:1.4;letter-spacing:-.025em;margin-bottom:12px}
.learning-detail .learning-materials-intro{font-size:.875rem;line-height:1.65;margin-bottom:22px;max-width:68ch}
.learning-detail .learning-resource-list{margin:0;padding-left:1.5rem;border-top:1px solid var(--a-color-line)}
.learning-detail .learning-resource-list>li{padding:20px 0 22px 12px;border-bottom:1px solid var(--a-color-line);scroll-margin-top:24px}
.learning-detail .learning-resource-list>li::marker{font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--a-color-body)}
.learning-detail .learning-resource-kind{display:block;font-size:.6875rem;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:var(--a-color-body);font-weight:600;margin-bottom:8px}
.learning-detail .learning-resource-title{font-size:1rem;line-height:1.65;font-weight:500;color:var(--a-color-ink);margin:0;overflow-wrap:anywhere}
.learning-detail .learning-resource-link{display:flex;justify-content:space-between;align-items:baseline;gap:20px;min-height:44px;line-height:1.6;font-weight:500;text-decoration:none;overflow-wrap:anywhere}
.learning-detail .learning-resource-link:hover{text-decoration:underline}
.learning-detail .learning-resource-link>span[aria-hidden]{flex-shrink:0}
.learning-detail .learning-resource-text{font-size:.9375rem;line-height:1.8;overflow-wrap:anywhere;margin:0}
.learning-detail .learning-resource-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px;font-size:.75rem;line-height:1.7;color:var(--a-color-body)}
.learning-detail .learning-resource-state{font-size:.8125rem;line-height:1.7;margin:8px 0 0}
.learning-detail .learning-resource-accessibility{font-size:.75rem;line-height:1.7;margin:8px 0 0;color:var(--a-color-body)}
@media(max-width:1000px){.learning-detail .recording-workspace{grid-template-columns:minmax(0,1fr) 220px;gap:36px}.learning-detail .learning-resource-list>li{padding-left:8px}}
@media(max-width:760px){.learning-detail .recording-workspace{grid-template-columns:1fr;gap:36px}.learning-detail .recording-attribution{display:block}.learning-detail .learning-contributors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.learning-detail .learning-contributors li+li{margin-top:0}.learning-detail .learning-contributor-name{font-size:.9375rem}.learning-detail .learning-contributor-role{margin-bottom:4px}.learning-detail .learning-context{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.learning-detail .learning-context>h2{grid-column:1/-1}.learning-detail .learning-context-note{margin-top:0}.learning-detail .learning-source-detail{margin-top:20px}.learning-detail .learning-materials{margin-top:28px}.learning-detail .learning-resource-list>li{padding-block:18px}.learning-detail .learning-primary-summary{padding:24px}}
@media(max-width:450px){.learning-detail .learning-contributors{grid-template-columns:1fr;gap:16px}.learning-detail .learning-context{display:block}.learning-detail .learning-context-note{margin-top:24px}.learning-detail .learning-resource-list{padding-left:1.25rem}.learning-detail .learning-resource-list>li{padding-left:6px}.learning-detail .learning-resource-link{gap:14px}.learning-detail .learning-resource-text{font-size:.875rem}.learning-detail .learning-primary-summary{padding:22px}}
@media(forced-colors:active){.learning-detail .learning-primary-summary{border:1px solid CanvasText}.learning-detail .learning-resource-link{color:LinkText}}
.learning-sequence{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px;margin-top:36px;padding-top:24px;border-top:1px solid var(--a-color-line)}
.learning-sequence>a{position:relative;display:block;padding-right:32px;color:var(--a-color-ink);text-decoration:none}
.learning-sequence>a>span{display:block;font-size:.75rem;color:var(--a-color-body);margin-bottom:10px}
.learning-sequence strong{font-weight:500;font-size:1rem;line-height:1.5}
.learning-sequence svg{position:absolute;right:0;top:0}
.learning-sequence>a:hover strong{text-decoration:underline;text-underline-offset:4px}

/* Viewing workspace: immediate controls, real media only after deliberate activation. */
.learning-detail .recording-tools{padding:20px 0;margin-bottom:0;border-bottom:0;align-items:center;gap:12px 20px;flex-wrap:wrap}
.recording-section-nav{display:flex;flex-wrap:wrap;gap:4px 16px}
.recording-section-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.8125rem;font-weight:600;text-decoration:none;color:var(--a-color-action);border-bottom:2px solid transparent}
.recording-section-nav a:hover,.recording-section-nav a:focus-visible{border-bottom-color:currentColor}
.learning-detail .recording-primary-title{font-size:1.125rem;line-height:1.4;margin:0 0 16px;letter-spacing:-.02em}
.learning-detail .recording-player{display:block;min-height:0;aspect-ratio:auto;background:var(--a-color-canvas);color:var(--a-color-ink);border:1px solid var(--a-color-line);border-radius:var(--a-component-scene-radius);overflow:hidden}
.learning-detail .recording-player::before{display:none}
.learning-detail .recording-poster{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px;background:var(--a-color-canvas)}
.learning-detail .recording-poster-copy .section-label{font-size:.6875rem;letter-spacing:.08em;margin:0 0 8px}
.learning-detail .recording-player-prompt{font-size:1.375rem;line-height:1.3;letter-spacing:-.025em;font-weight:600;margin:0 0 10px}
.learning-detail .recording-player-privacy{font-size:.8125rem;line-height:1.6;color:var(--a-color-body);margin:0;max-width:44ch}
.learning-detail .recording-player-invitation{display:flex;align-items:center;flex-direction:column;gap:8px;min-width:0}
.learning-detail .recording-load{background:var(--a-color-action);color:var(--a-color-on-dark);border-color:var(--a-color-action);font-size:.875rem;gap:12px;min-height:52px;max-width:100%;text-align:left;transition:background var(--a-motion-quick)}
.learning-detail .recording-load:hover{background:var(--a-color-action-hover)}
.learning-detail .recording-load:focus-visible{outline-color:var(--a-color-action);outline-offset:4px}
.learning-detail .recording-load:disabled{opacity:1;cursor:wait}
.learning-detail .recording-close{min-height:44px;padding:8px 16px;border:0;background:var(--a-color-canvas);color:var(--a-color-action);font-size:.8125rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.recording-close[hidden],.recording-embed[hidden]{display:none}
.recording-embed{position:relative;width:100%;aspect-ratio:16/9;background:var(--a-color-deep)}
.learning-detail .recording-player-status{margin:0;padding:14px 24px;border-top:1px solid var(--a-color-line);font-size:.8125rem;line-height:1.6;color:var(--a-color-body)}
.learning-detail .recording-player-status:empty{display:none}
.learning-detail .learning-primary,.learning-detail .learning-materials,.learning-detail .recording-citation{scroll-margin-top:24px}
.recording-gate-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:64px;align-items:start}
.learning-detail .recording-restricted{max-width:1280px;min-height:0;padding-bottom:72px}
.learning-detail .recording-restricted h1{font-size:clamp(2rem,3.8vw,3.25rem);line-height:1.12;max-width:21ch}
.learning-detail .recording-restricted .lede{font-size:1.0625rem;line-height:1.7;max-width:62ch}
.recording-gate-help{border-top:2px solid var(--a-color-action);padding-top:22px}
.recording-gate-help h2{font-size:1.125rem;line-height:1.4;margin:0 0 16px}
.recording-gate-help p{font-size:.875rem;line-height:1.7;color:var(--a-color-body);margin:0 0 16px}
.recording-gate-help .text-link{display:flex;justify-content:space-between;min-height:44px;gap:14px;font-size:.875rem;border-bottom:1px solid var(--a-color-line);padding-block:12px}
@media(max-width:1000px){.learning-detail .recording-poster{grid-template-columns:1fr}.learning-detail .recording-player-invitation{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.recording-gate-layout{gap:36px;grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:760px){.learning-detail .recording-tools{align-items:flex-start;flex-direction:column;padding-bottom:16px;margin-bottom:0;gap:12px}.recording-section-nav{width:100%;justify-content:space-between;gap:4px 12px}.learning-detail .recording-poster{padding:20px;gap:20px}.learning-detail .recording-player-status{padding:12px 20px}.recording-gate-layout{grid-template-columns:1fr;gap:36px}.learning-detail .recording-restricted{padding-bottom:48px}.learning-detail .recording-restricted .lede{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.learning-detail .recording-load{transition:none}}
html[data-motion=reduced] .learning-detail .recording-load{transition:none}
@media(forced-colors:active){.learning-detail .recording-player{border:1px solid CanvasText}.learning-detail .recording-load{border:1px solid ButtonText}}

/* On compact screens the primary action precedes explanatory copy; DOM focus order stays native. */
@media(max-width:760px){.learning-detail .recording-player-invitation{order:-1}.learning-detail .recording-poster-copy .section-label,.learning-detail .recording-player-prompt{display:none}.learning-detail .recording-poster{gap:16px}.learning-detail .recording-tools{padding-top:20px}}

/* Full contributor credits stay available without displacing playback. */
.learning-full-credits summary{cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem 0;}
.learning-full-credits .learning-contributors{margin-top:1rem;}