.ac-detail .ac-hero { padding-bottom:48px; }
.ac-detail .ac-back { display:block; width:fit-content; margin-bottom:38px; font-size:14px; }
.ac-detail h1 { max-width:960px; margin-inline:auto; }
.ac-detail .ac-preview { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:44px; align-items:start; scroll-margin-top:70px; }
.ac-detail .ac-player { min-width:0; }
.ac-detail video { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; border-radius:18px; background:#101418; }
.ac-detail .ac-player-note { margin-top:18px; color:var(--ac-muted); font-size:14px; max-width:650px; }
.ac-detail .ac-lesson-info { padding:26px; border-radius:18px; background:var(--ac-soft); }
.ac-detail .ac-lesson-info .ac-label { margin-bottom:20px; }
.ac-detail dl { margin:0; }
.ac-detail dl > div { display:flex; justify-content:space-between; gap:20px; padding:12px 0; border-top:1px solid var(--ac-line); font-size:14px; }
.ac-detail dl > div:first-child { border-top:0; padding-top:0; }
.ac-detail dt { font-weight:600; }
.ac-detail dd { margin:0; color:var(--ac-muted); text-align:end; }
.ac-detail dl > .ac-attribution { display:block; }
.ac-detail .ac-attribution dd { text-align:start; margin-top:8px; }
.ac-detail .ac-overview { display:grid; grid-template-columns:1.05fr 1fr; gap:80px; }
.ac-detail .ac-overview-copy { margin-top:22px; color:var(--ac-muted); font-size:18px; }
.ac-detail .ac-topic-list ul { list-style:none; padding:0; margin:18px 0 28px; }
.ac-detail .ac-topic-list li { padding:14px 0; border-bottom:1px solid var(--ac-line); color:var(--ac-muted); font-size:16px; }
.ac-detail details { border-top:1px solid var(--ac-line); border-bottom:1px solid var(--ac-line); padding:20px 0; }
.ac-detail summary { display:flex; justify-content:space-between; align-items:center; gap:16px; cursor:pointer; list-style:none; font-size:16px; font-weight:600; }
.ac-detail summary::-webkit-details-marker { display:none; }
.ac-detail summary::after { content:'+'; color:var(--ac-blue); font-size:25px; font-weight:400; }
.ac-detail details[open] summary::after { content:'−'; }
.ac-detail summary:focus-visible { outline:3px solid #168ce4; outline-offset:5px; }
.ac-detail .ac-transcript p { color:var(--ac-muted); font-size:15px; margin-top:18px; }
.ac-detail .ac-lesson-gallery { padding-top:0; }
.ac-detail .ac-gallery { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px; margin-top:38px; }
.ac-detail .ac-gallery img { display:block; width:100%; max-width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; border-radius:16px; grid-column:span 2; background:var(--ac-soft); }
.ac-detail .ac-gallery img:nth-child(-n+2) { grid-column:span 3; }
.ac-detail .ac-replay { display:grid; grid-template-columns:1.05fr 1fr; gap:80px; align-items:start; }
.ac-detail .ac-replay .ac-actions { justify-content:flex-start; }
.ac-detail .ac-replay-note { margin-top:20px; color:var(--ac-muted); font-size:14px; }
.ac-detail .ac-replay-note a { text-decoration:underline; text-underline-offset:3px; }
.ac-detail .ac-all-lessons { justify-self:end; }
@media(max-width:1050px) { .ac-detail .ac-preview { grid-template-columns:minmax(0,1fr) 250px; gap:24px; } .ac-detail .ac-lesson-info { padding:22px; } .ac-detail .ac-overview,.ac-detail .ac-replay { gap:35px; } }
@media(max-width:700px) { .ac-detail .ac-hero { padding-bottom:36px; } .ac-detail .ac-back { margin-bottom:30px; } .ac-detail .ac-preview { grid-template-columns:1fr; gap:28px; } .ac-detail .ac-lesson-info { padding:24px; } .ac-detail .ac-overview,.ac-detail .ac-replay { grid-template-columns:1fr; gap:32px; } .ac-detail .ac-overview-copy { font-size:17px; } .ac-detail .ac-gallery { grid-template-columns:1fr; gap:18px; margin-top:28px; } .ac-detail .ac-gallery img,.ac-detail .ac-gallery img:nth-child(-n+2) { grid-column:auto; } .ac-detail .ac-all-lessons { justify-self:start; } }