/* Watch & review: the approved children's library layout. */
.content:has(#at-review-library) > .heading { display:none; }
.content:has(#at-review-library) > .workspacehelp,.content:has(#at-review-library) > .notice { display:none; }
.card:has(> #at-live-role-panel > #at-review-library) { padding:0; border:0; box-shadow:none; background:transparent; }
.at-rv { --rv-purple:#7705ef; --rv-ink:#1d1c58; display:grid; gap:15px; color:var(--rv-ink); }
.at-rv .at-rv-icon { display:inline-block; width:21px; height:21px; flex:none; vertical-align:middle; }
.at-rv .at-rv-hero { position:relative; isolation:isolate; min-height:221px; padding:22px 28px; border-radius:22px; background:radial-gradient(ellipse at 3% 100%,#18c9f1,transparent 38%),linear-gradient(116deg,#2198fa 0%,#1657ee 48%,#6820f3 100%); color:white; }
.at-rv .at-rv-hero::before { content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; opacity:.3; background:radial-gradient(ellipse at 3% 0,#57d2ff 0 15%,transparent 15.2%),radial-gradient(ellipse at 75% 0,#5537ff 0 25%,transparent 25.2%); }
.at-rv .at-rv-child { position:absolute; z-index:1; left:0; bottom:0; width:43%; height:calc(100% + 14px); object-fit:contain; object-position:left bottom; pointer-events:none; }
.at-rv .at-rv-hero-copy { position:relative; z-index:2; width:61%; margin-inline-end:auto; text-align:start; }
.at-rv .at-rv-kicker { display:inline-flex; gap:10px; align-items:center; padding:6px 14px; border-radius:25px; background:#15d5f1; color:#6910dc; font-size:15px; font-weight:700; }
.at-rv .at-rv-kicker .at-rv-icon { background:#953aff; color:white; fill:white; padding:5px; border-radius:7px; width:27px; height:27px; }
.at-rv .at-rv-hero h2 { position:relative; margin:10px 0 16px; color:white; font-size:clamp(24px,2.6vw,37px); font-weight:700; line-height:1.5; white-space:nowrap; }
.at-rv .at-rv-hero h2::after { content:''; position:absolute; bottom:-4px; inset-inline-start:15%; width:38%; height:6px; border-radius:50%; background:#ffe14e; transform:rotate(-4deg); }
.at-rv .at-rv-hero p { margin:0; color:white; font-size:clamp(13px,1.4vw,18px); font-weight:600; line-height:1.8; }
.at-rv .at-rv-info { display:flex; align-items:center; gap:12px; padding:12px 16px; border:1px solid #b8f1ed; border-radius:16px; background:linear-gradient(100deg,#e1faf8,#dff8f3); font-size:14px; font-weight:600; line-height:1.7; }
.at-rv .at-rv-info > .at-rv-icon,.at-rv .at-rv-taught .at-rv-icon { color:#12a271; }
.at-rv .at-rv-info > .at-rv-icon circle,.at-rv .at-rv-taught .at-rv-icon circle { fill:#14b587; stroke:#14b587; }
.at-rv .at-rv-info > .at-rv-icon path,.at-rv .at-rv-taught .at-rv-icon path { stroke:white; }
.at-rv .at-rv-info.has-error { background:#fff7df; border-color:#f4d88c; color:#976c20; }
.at-rv .at-rv-filters { position:relative; z-index:3; display:flex; align-items:center; gap:9px; min-height:31px; }
body[data-workspace] #at-review-library button.at-rv-filter-all { padding:6px 17px; border:1px solid #d8cbff; border-radius:24px; background:#f2ecff; color:#754fc1; font-size:12px; font-weight:600; }
body[data-workspace] #at-review-library button.at-rv-filter-all[aria-pressed="true"] { background:linear-gradient(105deg,#9a4aff,#6800e6); color:white; border-color:transparent; }
.at-rv .at-rv-tracks summary { cursor:pointer; list-style:none; padding:6px 14px; border:1px solid #d9ceff; border-radius:24px; background:#ede7ff; font-size:12px; color:#6356a8; }
.at-rv .at-rv-tracks summary::-webkit-details-marker { display:none; }
.at-rv .at-rv-tracks > div { position:absolute; top:100%; min-width:210px; max-width:300px; padding:7px; border:1px solid #ded2f7; border-radius:12px; background:white; box-shadow:0 8px 30px #35236622; }
body[data-workspace] #at-review-library .at-rv-tracks button { display:block; padding:9px; width:100%; border:0; border-radius:8px; text-align:start; background:white; color:#6356a8; font-size:13px; }
body[data-workspace] #at-review-library .at-rv-tracks button:hover { background:#f3edff; }
.at-rv .at-rv-selected-track { color:#8778a5; font-size:12px; }
.at-rv .at-rv-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.at-rv .at-rv-lesson { display:grid; align-content:start; gap:8px; min-width:0; padding:13px; border:1.5px solid #e4d5fc; border-radius:20px; background:linear-gradient(140deg,#fff,#fff 60%,#fdfaff); }
.at-rv .at-rv-lesson-top { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; min-height:58px; }
.at-rv .at-rv-lesson-title { display:flex; align-items:flex-start; gap:10px; min-width:0; }
.at-rv .at-rv-lesson-title > div { min-width:0; padding-top:3px; }
.at-rv .at-rv-number { display:inline-flex; align-items:center; justify-content:center; flex:none; min-width:76px; min-height:35px; padding:6px 11px; border-radius:15px; background:linear-gradient(100deg,#f1e8ff,#ded0fc); color:#403377; font-size:13px; font-weight:700; white-space:nowrap; }
.at-rv .at-rv-number.is-gold { background:linear-gradient(100deg,#ffe57e,#ffd846); color:#43325a; }
.at-rv .at-rv-lesson h3 { margin:0 0 2px; color:var(--rv-ink); font-size:clamp(17px,1.6vw,23px); font-weight:700; line-height:1.45; overflow-wrap:anywhere; }
.at-rv .at-rv-lesson-title p { margin:0; color:#938eb3; font-size:13px; line-height:1.5; }
.at-rv .at-rv-taught { display:inline-flex; align-items:center; gap:7px; flex:none; padding:5px 10px; margin-top:3px; border:1px solid #c2f4e1; border-radius:20px; color:#169565; background:#ddfbed; font-size:11px; font-weight:700; white-space:nowrap; }
.at-rv .at-rv-taught .at-rv-icon { width:17px; height:17px; }
.at-rv .at-rv-thumbnail { position:relative; aspect-ratio:2.48; overflow:hidden; border-radius:12px; background:#e4d7fb; }
.at-rv .at-rv-cover { position:absolute; inset:0; background-image:url('review-lesson-covers.png'); background-size:272.7% 507.5%; background-position:71.8% 44.8%; background-repeat:no-repeat; }
.at-rv .at-rv-cover.is-game { background-position:4.2% 44.8%; }
body[data-workspace] #at-review-library .at-rv-thumb-play { position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; background:transparent; box-shadow:none; border-radius:12px; }
body[data-workspace] #at-review-library .at-rv-thumb-play:hover { background:#ffffff14; border:0; box-shadow:inset 0 0 0 3px #a870ff88; }
.at-rv .at-rv-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
body[data-workspace] #at-review-library .at-rv-action { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:42px; padding:8px 10px; border:1px solid #a937ff; border-radius:12px; background:linear-gradient(110deg,#9225fa,#6200ec); color:#fff; box-shadow:0 2px 4px #7f26e510; font:inherit; font-size:14px; font-weight:700; cursor:pointer; }
body[data-workspace] #at-review-library .at-rv-action.at-rv-file { background:linear-gradient(110deg,#e5faff,#d8f4ff); border-color:#08b9f4; color:#009be2; }
.at-rv .at-rv-watch .at-rv-icon { fill:currentColor; }
body[data-workspace] #at-review-library .at-rv-action:hover:not(:disabled) { filter:brightness(1.06); box-shadow:0 4px 12px #7e22e425; }
body[data-workspace] #at-review-library .at-rv-action:disabled { background:#aaa6ca; border-color:#aaa6ca; color:#fff; opacity:1; cursor:default; box-shadow:none; }
body[data-workspace] #at-review-library .at-rv-file:disabled { background:#e9e8f5; border-color:#aaa8cd; color:#999ac0; }
.at-rv .at-rv-action:disabled .at-rv-icon { fill:none; }
.at-rv .at-rv-lesson-note { display:flex; justify-content:center; align-items:center; min-height:32px; padding:6px 10px; border-radius:10px; background:#f1edff; color:#7771a7; text-align:center; font-size:12px; line-height:1.6; }
.at-rv .is-locked .at-rv-lesson-note { color:#6841b6; font-weight:600; }
.at-rv .is-locked .at-rv-number { background:#e2daf4; color:#777291; }
.at-rv .is-locked .at-rv-cover { filter:saturate(.55) brightness(.64); }
.at-rv .at-rv-locked-overlay { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; background:#36295516; }
.at-rv .at-rv-padlock { font-size:55px; line-height:1.15; filter:drop-shadow(0 3px 2px #402f2d55); }
.at-rv .at-rv-locked-overlay b { padding:4px 17px; border-radius:22px; background:#faf8ff; color:#403568; font-size:14px; }
.at-rv .at-rv-no-video { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:10px; background:#f0e9fbeb; color:#7658b0; font-size:16px; font-weight:600; }
.at-rv .at-rv-help { display:flex; align-items:center; gap:13px; padding:13px 18px; border-radius:17px; border:1px solid #e0d4fb; background:linear-gradient(105deg,#e5f5ff,#f0e4ff); }
.at-rv .at-rv-help>span { font-size:28px; }.at-rv .at-rv-help>div { flex:1; }.at-rv .at-rv-help h3 { margin:0 0 2px; color:#7141bd; font-size:15px; }.at-rv .at-rv-help p { margin:0; color:#8a79a6; font-size:12px; }
body[data-workspace] #at-review-library .at-rv-help button { border:1px solid #ceb7ef; border-radius:11px; background:#faf7ff; color:#7643b8; padding:8px 14px; font-size:13px; }
.at-rv .at-rv-empty { text-align:center; padding:40px 20px; border:1px dashed #dac8f3; border-radius:20px; background:white; }.at-rv .at-rv-empty>span { font-size:36px; }.at-rv .at-rv-empty h3 { margin:12px 0 6px; font-size:21px; }.at-rv .at-rv-empty p { margin:0; color:#9084a6; font-size:14px; }
.at-rv [hidden] { display:none!important; }.at-rv button:focus-visible,.at-rv summary:focus-visible { outline:3px solid #ba8ae8; outline-offset:3px; }
@media(min-width:1450px){.at-rv .at-rv-thumbnail{aspect-ratio:2.48}.at-rv .at-rv-hero{min-height:240px}.at-rv .at-rv-lesson-top{min-height:64px}}
@media(max-width:1100px){.at-rv .at-rv-lesson-title{flex-direction:column;gap:5px}.at-rv .at-rv-number{min-height:29px;min-width:67px;padding:4px 8px;font-size:12px}.at-rv .at-rv-lesson-top{min-height:90px}.at-rv .at-rv-lesson h3{font-size:18px}.at-rv .at-rv-hero-copy{width:63%}.at-rv .at-rv-hero{padding:20px;min-height:205px}.at-rv .at-rv-hero h2{font-size:27px;white-space:normal}.at-rv .at-rv-child{width:42%}.at-rv .at-rv-hero p{font-size:14px}body[data-workspace] #at-review-library .at-rv-action{font-size:12px;gap:6px;padding:8px 5px}.at-rv .at-rv-action .at-rv-icon{width:18px;height:18px}.at-rv .at-rv-padlock{font-size:43px}.at-rv .at-rv-locked-overlay b{font-size:12px}}
@media(max-width:650px){.at-rv{gap:13px}.at-rv .at-rv-hero{min-height:184px;padding:15px;border-radius:18px}.at-rv .at-rv-hero-copy{width:64%}.at-rv .at-rv-hero h2{font-size:22px;line-height:1.5;margin:7px 0 12px}.at-rv .at-rv-hero p{font-size:11px}.at-rv .at-rv-kicker{font-size:11px;padding:4px 9px;gap:6px}.at-rv .at-rv-kicker .at-rv-icon{width:22px;height:22px}.at-rv .at-rv-child{width:40%;height:90%;left:-15px}.at-rv .at-rv-info{font-size:11px;padding:10px 12px;gap:8px}.at-rv .at-rv-grid{grid-template-columns:1fr;gap:14px}.at-rv .at-rv-lesson{padding:12px}.at-rv .at-rv-lesson-title{flex-direction:row;gap:11px}.at-rv .at-rv-lesson-top{min-height:57px}.at-rv .at-rv-lesson h3{font-size:19px}.at-rv .at-rv-taught{font-size:10px;padding:5px 8px}.at-rv .at-rv-help{flex-wrap:wrap;padding:12px}.at-rv .at-rv-help p{font-size:11px}.at-rv .at-rv-help button{margin-inline-start:auto}.at-rv .at-rv-thumbnail{aspect-ratio:2.48}body[data-workspace] #at-review-library .at-rv-action{min-height:41px;font-size:13px}.at-rv .at-rv-lesson-note{font-size:11px}.at-rv .at-rv-selected-track{font-size:11px}}