/* The new experiences share one area; the rest of the landing page stays quiet. */
.learning-hub{padding-top:28px}
.learning-shell{overflow:hidden;border:1px solid #45484d;border-radius:20px;background:linear-gradient(135deg,#232527,#191b1d 66%);box-shadow:0 20px 80px #0002}
.learning-tabs{display:flex;gap:8px;padding:12px;border-bottom:1px solid #ffffff16;background:#17191acc}
.learning-tab{position:relative;flex:1;min-width:0;min-height:48px;padding:12px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:#bfc3c7;font-weight:700;font-size:.95rem;line-height:1.3;transition:background .18s,color .18s,border-color .18s}
.learning-tab:hover{color:#fff;background:#ffffff06}
.learning-tab[aria-selected="true"]{color:#fff;background:#32211f;border-color:#cb443b88;box-shadow:inset 0 -2px var(--accent)}
.learning-panel{min-width:0;padding:32px;outline-offset:-4px}
.learning-panel>.section,.learning-panel>.container{width:100%;margin:0;padding:0}
.learning-panel .pf-learning-heading{font-size:clamp(1.6rem,2.7vw,2.5rem);line-height:1.15}
.learning-panel .pf-learning-section{margin:0;padding:0;width:100%}
.finder-entry{display:flex;justify-content:flex-start;margin:-16px 0 26px}
.finder-trigger{border:0;padding:0;background:none;color:var(--accent-text);text-align:left;gap:18px}
.finder-trigger:hover{color:#fff}
.finder-dialog{width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:52px 32px 32px;border:1px solid #51565c;border-radius:18px;background:#1b1d1f;color:var(--white);overflow:auto;overscroll-behavior:contain}
.finder-dialog::backdrop{background:#050607cf;backdrop-filter:blur(8px)}
.finder-dialog .dialog-close{position:absolute;right:12px;top:10px}
.week-disclosure{margin-top:28px;border-top:1px solid #4d5155;border-bottom:1px solid #4d5155}
.week-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:16px 0;list-style:none;cursor:pointer;font-weight:700;font-size:1rem}
.week-disclosure>summary::-webkit-details-marker{display:none}
.week-disclosure>summary span{color:var(--accent-text);font-size:1.6rem;font-weight:400;transition:transform .2s}
.week-disclosure[open]>summary span{transform:rotate(45deg)}
.teacher-media{margin:24px 0;border-top:1px solid var(--line);padding-top:24px}
.teacher-media h3{margin-bottom:16px}
.teacher-media video{display:block;width:100%;max-height:420px;aspect-ratio:16/9;background:#0e1012;border:1px solid #44484c;border-radius:12px;object-fit:contain}
.teacher-video-placeholder,.teacher-video-external{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;min-height:210px;padding:26px;border:1px solid #44484c;border-radius:12px;background:radial-gradient(ellipse at 70% 15%,#91352d1d,transparent 65%),#16191b;text-align:center}
.teacher-video-placeholder>div{position:relative;z-index:1;max-width:420px}
.teacher-video-placeholder strong{display:block;margin:12px 0 8px;font-size:1rem}
.teacher-video-placeholder p,.teacher-media .media-error{font-size:.875rem;line-height:1.6}
.teacher-video-poster{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.3}
.media-placeholder-mark{display:grid;place-items:center;width:46px;height:46px;margin:auto;border:1px solid #c9534666;border-radius:50%;color:var(--accent-text);font-size:1.4rem}
.expert-preview-button{margin-top:22px}
@media(max-width:700px){.learning-hub{padding-top:12px}.learning-shell{border-radius:14px}.learning-tabs{gap:4px;padding:7px}.learning-tab{min-height:46px;padding:11px 4px;font-size:.79rem}.learning-panel{padding:22px 16px}.finder-entry{margin-top:-8px}.finder-dialog{padding:52px 20px 24px}.teacher-video-placeholder,.teacher-video-external{min-height:185px;padding:20px}.week-disclosure{margin-top:22px}.week-disclosure>summary{font-size:.95rem}}
@media(max-width:360px){.learning-panel{padding:18px 12px}.learning-tab{font-size:.72rem;letter-spacing:-.02em}.finder-dialog{width:calc(100% - 16px);padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.learning-tab,.week-disclosure>summary span{transition:none}}
.motion-paused .learning-tab,.motion-paused .week-disclosure>summary span{transition:none}
