/* Editorial layers: one featured story, quiet context, explicit next action. */
.cinema-feature{margin-bottom:0;min-height:330px}
.cinema-copy{min-height:330px;justify-content:flex-end}
.cinema-copy h2{max-width:250px;margin-top:52px}
.cinema-copy p{max-width:235px}
.feature-facts{font-size:10px;color:#c7ba9f;margin-top:12px}
.cinema-actions{padding-top:22px;margin-top:0;gap:10px}
.cinema-actions .primary{min-width:0;flex:1;gap:8px;font-size:13px}
.feature-preview{margin:0 0 20px}
.feature-preview>summary{display:flex;align-items:center;gap:8px;padding:15px 2px;color:#dbc69e;font-size:12px;cursor:pointer;list-style:none}
.feature-preview>summary svg{width:15px;height:15px}
.expert-editorial{background:#1b1d18;border-radius:12px;margin:16px 0 22px;overflow:hidden}
.expert-editorial>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:15px;cursor:pointer}
.expert-editorial summary>span:nth-child(2){flex:1;min-width:0}
.expert-editorial summary small{display:block;font-size:9px;color:#b0a78f;margin-bottom:5px}
.expert-editorial summary strong{display:block;font-size:14px;font-weight:400;color:#ecdfc6}
.expert-editorial .uma-avatar{width:42px;height:42px}
.expert-fold{color:#dcc6a1;font-size:22px}.expert-editorial[open] .expert-fold{transform:rotate(45deg)}
.editorial-expanded{padding:4px 16px 18px}.editorial-expanded p{font-size:13px;line-height:1.7;color:#c9c6ba;margin:8px 0 12px}
.editorial-expanded>small{font-size:10px;line-height:1.5;display:block;color:#9f9e90}
.editorial-expanded h3{font:24px/1.15 Georgia,serif;margin-top:12px}
.editorial-expanded .text-button{display:block;text-align:left;padding:12px 0 0}
.backstage-editorial{background:#171a15;border-radius:12px;overflow:hidden;margin-bottom:22px}
.backstage-editorial>summary{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:225px;padding:20px;cursor:pointer;list-style:none}
.backstage-editorial>summary:after,.circle-editorial:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0c0bf5,transparent 100%);z-index:0;pointer-events:none}
.backstage-copy{position:relative;z-index:1;max-width:280px;display:block}
.backstage-copy small{font-size:9px;color:#e0c799;letter-spacing:.8px;text-transform:uppercase}
.backstage-copy strong{display:block;font:28px/1.1 Georgia,serif;margin:10px 0;color:#f0e6d0}
.backstage-copy>span{display:block;font-size:12px;line-height:1.5;color:#d1cbbf}
.backstage-copy b{display:block;font-size:11px;font-weight:400;color:#e3c99e;margin-top:17px}
.circle-editorial{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;min-height:285px;display:flex;align-items:flex-end;padding:22px;margin:0 0 22px}
.circle-editorial>div{position:relative;z-index:1}
.circle-editorial h2{font:29px/1.12 Georgia,serif;margin:12px 0;color:#f4e8d3}
.circle-editorial p{font-size:12px;color:#d4ccbc;max-width:270px;line-height:1.6}
.circle-editorial div>small{font-size:9px;color:#aaa797;display:block;margin-top:12px}
.circle-practice .text-button{display:block;margin:8px auto 0}
.editorial-story{border-top:1px solid #323328;border-bottom:1px solid #323328;margin:12px 0 26px}
.editorial-story>summary{display:flex;align-items:center;gap:17px;padding:20px 0;cursor:pointer;list-style:none}
.story-symbol{font:42px Georgia,serif;color:#887653}
.editorial-story summary>span:last-child{min-width:0}
.editorial-story summary small{font-size:10px;color:#a9a58e}
.editorial-story summary strong{display:block;font:23px/1.15 Georgia,serif;margin:7px 0;color:#e9ddc4}
.editorial-story summary span span{font-size:11px;color:#b9b5a7;display:block}
.circle-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.circle-links button{text-align:left;padding:17px 14px;background:#21241b;border-radius:12px}
.circle-links button:nth-child(2){background:#29241c}
.circle-links small{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#b8aa8b}
.circle-links strong{display:block;font:21px/1.15 Georgia,serif;margin:15px 0;color:#e5d9c2}
.circle-links span{display:block;font-size:11px;line-height:1.6;color:#bbb4a4}
.feature-preview summary::-webkit-details-marker,.expert-editorial summary::-webkit-details-marker,.backstage-editorial summary::-webkit-details-marker,.editorial-story summary::-webkit-details-marker{display:none}
@media(max-width:370px){.cinema-actions{gap:7px}.cinema-actions .primary{padding-left:12px;padding-right:12px}.circle-editorial{padding:18px}.circle-editorial h2{font-size:26px}.circle-links{gap:8px}.circle-links button{padding:14px 11px}}
/* Full-bleed cinematic headers. Navigation belongs to the photograph. */
#screen{position:relative}
#screen:has(.direction-hero),#screen:has(>.course-cinema),#screen:has(>.circle-editorial),#screen:has(>header+.cinema-feature){padding-top:0}
header:has(+.direction-hero),header:has(+.course-cinema),header:has(+.circle-editorial),#screen>header:has(+.cinema-feature){position:absolute;top:20px;left:20px;right:20px;z-index:5;margin:0;min-height:44px;gap:10px}
header:has(+.direction-hero) button,header:has(+.course-cinema) button{background:#11151066;backdrop-filter:blur(10px);border-radius:24px;padding:10px 13px;color:#f3e5cb}
header:has(+.circle-editorial) h1{color:#fff;text-shadow:0 2px 12px #000}
header:has(+.circle-editorial)>small{color:#eee3ce;text-shadow:0 2px 10px #000}
.direction-hero,.course-cinema,.circle-editorial{margin:0 -20px 20px;border-radius:0;border:0;min-height:420px;padding:240px 20px 25px}
.direction-hero .editorial-photo{opacity:1}
.direction-hero:after,.course-cinema:after,.circle-editorial:after{background:linear-gradient(180deg,#080a084d 0%,transparent 30%,#0b0c0b0d 45%,#0b0c0bb3 76%,var(--bg) 100%)}
.direction-hero .atlas-cell,.course-cinema .atlas-cell,.circle-editorial .atlas-cell{transform:none}
.direction-hero h1,.course-cinema h1,.circle-editorial h2{text-shadow:0 2px 14px #0005}
.direction-hero .eyebrow{font-size:9px;letter-spacing:.9px;max-width:290px;display:block}
.circle-editorial{min-height:440px;padding-top:250px}
.circle-editorial h2{font-size:30px}
.cinema-feature{margin:0 -20px 20px;border:0;border-radius:0;overflow:hidden}
.cinema-copy{padding:130px 20px 22px;min-height:445px}
.cinema-copy h2{margin-top:14px}
.cinema-feature:after{background:linear-gradient(180deg,#0b0c0b44,transparent 30%,#0b0c0b55 55%,var(--bg) 100%)}
.cinema-copy p{max-width:255px}
.feature-preview{margin:12px 0 0}
.feature-preview>summary{padding:10px 0;justify-content:center;color:#eddbbb}
.feature-preview[open]{background:#11140ff2;border-radius:12px;padding:0 10px 10px}
.feature-preview .preview-placeholder{min-height:180px}
.practice-shell .cinema-copy{padding-top:40px;min-height:375px}
.catalog-options{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.level-picker{margin:4px 0 0;padding:0;border:0;min-width:0}
.level-picker legend{font-size:12px;color:#beb8a8;margin:0 0 10px;padding:0}
.level-picker>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#1a1e16;padding:4px;border-radius:12px}
.level-picker button{min-height:42px;border-radius:9px;font-size:12px;color:#c1bdaf;padding:8px 5px}
.level-picker button[aria-pressed=true]{background:#e0c59b;color:#201e18;font-weight:500}
.catalog-options .saved-filter{align-self:flex-end;min-height:38px}
@media(max-width:370px){.direction-hero,.course-cinema,.circle-editorial,.cinema-feature{margin-left:-15px;margin-right:-15px}.direction-hero,.course-cinema,.circle-editorial{padding-left:15px;padding-right:15px}header:has(+.direction-hero),header:has(+.course-cinema),header:has(+.circle-editorial),#screen>header:has(+.cinema-feature){left:15px;right:15px}.cinema-copy{padding-left:15px;padding-right:15px}.direction-hero,.course-cinema{min-height:390px}}
.month-compact{display:flex;align-items:center;gap:14px;width:100%;text-align:left;margin:8px 0 24px;padding:0 0 18px;border-bottom:1px solid #292d24}
.month-thumb{display:block;position:relative;isolation:isolate;overflow:hidden;width:74px;height:80px;border-radius:9px;flex:none}
.month-compact>span:nth-child(2){flex:1}.month-compact small{font-size:10px;color:#baa78a}.month-compact strong{display:block;font:25px Georgia,serif;margin-top:6px;color:#ecdec4}
.practice-helper{display:block;text-align:left;padding:12px 0;margin:0 0 16px}
.optional-practice,.course-extras,.community-initiative{margin:18px 0;border-top:1px solid #303327;border-bottom:1px solid #303327}
.optional-practice>summary,.course-extras>summary,.community-initiative>summary{cursor:pointer;padding:16px 0;font-size:13px;color:#ddc8a5;list-style:none;display:flex;justify-content:space-between;gap:12px}
.optional-practice>summary:after,.course-extras>summary:after,.community-initiative>summary:after{content:'+'}.optional-practice[open]>summary:after,.course-extras[open]>summary:after,.community-initiative[open]>summary:after{content:'−'}
.course-cinema>div{width:100%}.course-cinema .course-preview{max-width:350px;margin:14px 0 0}.course-cinema .course-preview summary{justify-content:flex-start;padding:10px 0}.course-cinema .preview-placeholder{width:100%}
.single-lesson{border:0}.catalog-controls:empty{display:none}.catalog-controls .level-picker{margin-bottom:18px}
.media-unavailable{position:absolute;inset:0;display:grid;place-items:center;color:#f0e4d0;background:#080a0855;font-size:14px}
.preview-toggle{width:45px;height:45px;flex:none;display:grid;place-items:center;border:1px solid #e5c99c70;border-radius:50%;background:#ead6b91a;color:#eedbbb;cursor:pointer}
.preview-toggle svg{width:19px;height:19px}
.preview-toggle:hover,.preview-toggle[aria-expanded=true]{background:#e4c89b;color:#171a14}
.preview-toggle:focus-visible,.feature-save:focus-visible{outline:2px solid #eedbbb;outline-offset:4px}
.inline-preview{margin:0 0 22px}.inline-preview[hidden]{display:none}
.inline-preview .preview-placeholder{aspect-ratio:16/9;min-height:0;border:1px solid #ead6b922}
.inline-preview .preview-placeholder>span{font-size:13px;color:#ecdec4}
.course-media-actions{display:flex;align-items:center;gap:12px;margin-top:20px}
.course-media-actions>span{font-size:13px;color:#ddc8a5}
.course-media-actions .feature-save{margin-left:8px}
#navigation .nav-avatar{position:relative;display:block;width:29px;height:29px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #bca68466;background:#38362b}
#navigation .nav-avatar .avatar{position:absolute;left:0;top:0;width:39px;height:39px;transform:scale(.744);transform-origin:top left;border:0;margin:0}
#navigation .nav-avatar-initials{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:var(--gold)}
#navigation .nav-item.active .nav-avatar{box-shadow:0 0 0 2px var(--gold),0 0 0 4px #e3c49d18}