/* Shared unobtrusive scrollbars, including auxiliary readers and dialogs. */
html:root{--final-scroll-thumb:#766e63;--final-scroll-hover:#9d8d77}
html:root:is([data-site-theme="light-warm"],[data-theme="light"]){--final-scroll-thumb:#a29787;--final-scroll-hover:#827564}
html:root,html:root *{scrollbar-width:thin;scrollbar-color:var(--final-scroll-thumb) transparent}
html:root ::-webkit-scrollbar{width:6px;height:6px}
html:root ::-webkit-scrollbar-track{background:transparent}
html:root ::-webkit-scrollbar-thumb{background:var(--final-scroll-thumb);border-radius:999px}
html:root ::-webkit-scrollbar-thumb:hover{background:var(--final-scroll-hover)}
html:root ::-webkit-scrollbar-button{display:none;width:0;height:0}
/* Video rails retain native arrow/swipe scrolling without a visible bar or gutter. */
html:root .r3-video-viewport{scrollbar-width:none!important;scrollbar-gutter:auto;-ms-overflow-style:none;padding-bottom:0}
html:root .r3-video-viewport::-webkit-scrollbar{display:none!important;width:0;height:0}
/* Add air inside the accepted dark process surface, before the next intake. */
html:root[data-orator-page="basic"] #process{padding-bottom:calc(65px + 30px)}
@media(max-width:650px){html:root[data-orator-page="basic"] #process{padding-bottom:84px}}
/* The foreground cutout sits above background light; its transparent pixels
   preserve the same glow on the backdrop without tinting the person. */
html:root #trainer>.cursor-glow-layer{
 z-index:0!important;mask-image:linear-gradient(#000,#000),var(--final-portrait-mask);mask-size:100% 100%,var(--final-portrait-size);mask-position:0 0,var(--final-portrait-position);mask-repeat:no-repeat;mask-composite:exclude;
}
html:root #trainer .r3-trainer-inner{position:relative;z-index:1}
html:root #audience>.cursor-glow-layer{
 /* Union the cutout alpha twice: generated near-opaque marble must also
    exclude the light, while the transparent backdrop remains illuminated. */
 z-index:0!important;mask-image:linear-gradient(#000,#000),var(--final-statue-mask),var(--final-statue-mask);mask-size:100% 100%,var(--final-statue-size),var(--final-statue-size);mask-position:0 0,var(--final-statue-position),var(--final-statue-position);mask-repeat:no-repeat;mask-composite:exclude,add;
}
html:root[data-orator-page="club"] #price>.cursor-glow-layer{z-index:0!important}
html:root[data-orator-page="club"] #price>.club-price-band{position:relative;z-index:1}
/* Keep the native box dimensions and focus indication in the borderless proposals. */
html:root :is(.r3-skill-card,.r3-direction,.faq-item)[data-card-surface="B"],
html:root :is(.r3-skill-card,.r3-direction,.faq-item)[data-card-surface="C"]{border-color:transparent!important;box-shadow:none!important}
html:root :is(.r3-skill-card,.r3-direction,.faq-item)[data-card-surface="C"]{background:linear-gradient(145deg,#0e0f10,#0a0b0c)!important}
html:root .r3-direction[data-card-surface="C"]{background:#090a0a!important}
html:root[data-site-theme="light-warm"] :is(.r3-skill-card,.r3-direction,.faq-item)[data-card-surface="C"]{background:linear-gradient(145deg,#eeeae3,#e8e4dd)!important}
html:root :is(.r3-skill-card,.r3-direction,.faq-item)[data-card-surface]:focus-visible{outline:2px solid var(--ui-accent-fill);outline-offset:3px}
/* Accepted outer-card frames; inner player/format controls and focus rings stay intact. */
html:root #reviews :is(.r4-yandex-link,.r2-yandex),
html:root #free :is(.r3-podcast-studio,.r4-guides-panel,.r4-guide-card),
html:root[data-orator-page="individual"] #services :is(.r4-format-surface,.ov-service){border-color:transparent!important}
html:root[data-orator-page="individual"] #approach.ov-approach{border-top-color:transparent!important}
html:root[data-orator-page="advanced"] #format.final-practice-merged{padding-block:clamp(40px,6vw,76px)}
html:root[data-orator-page="advanced"] #format.final-practice-merged .ov-deeper-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,76px);align-items:start}
html:root[data-orator-page="advanced"] #format.final-practice-merged .ov-deeper-cards{display:grid;grid-template-columns:1fr;gap:16px}
html:root[data-orator-page="advanced"] #format .final-deeper-intro .ov-lead{max-width:none;margin-bottom:0}
html:root[data-orator-page="advanced"] #format .final-practice-copy{margin-top:30px}
html:root[data-orator-page="advanced"] #format .final-practice-copy h3{font-size:clamp(24px,2.5vw,32px);line-height:1.18;letter-spacing:-.025em;margin:0 0 18px}
html:root[data-orator-page="individual"] #services .ov-service{background:linear-gradient(145deg,#0e0f10,#0a0b0c)!important;box-shadow:none!important}
html:root[data-orator-page="individual"][data-site-theme="light-warm"] #services .ov-service{background:linear-gradient(145deg,#eae6df,#e3dfd8)!important}
html:root[data-orator-page="club"] #price .club-payment-card{border-color:transparent!important}
html:root:is([data-orator-page="basic"],[data-orator-page="advanced"]) #price .r2-graduate-photo{border:0!important;background:transparent!important}
html:root:is([data-orator-page="basic"],[data-orator-page="advanced"]) #price .r2-graduate-photo:focus-visible{outline:2px solid var(--ui-accent-fill);outline-offset:3px}
html:root :is(.r2-media-controls button,.r3-rail-controls button,.r4-photo-arrow,.club-photo-arrow,.original-photo-arrow,[data-review-prev],[data-review-next],[data-video-prev],[data-video-next],[data-skill-step],[data-album-step],[data-photo-step]):is(:hover,:focus-visible):not(:disabled):not([aria-disabled="true"]){background:var(--ui-accent-fill)!important;color:#171410!important;border-color:transparent!important}
/* Price keeps an older ID-specific palette; override it at the same owner. */
html:root #price.r10-price-active .r2-media-controls button:is(:hover,:focus-visible):not(:disabled){background:var(--ui-accent-fill)!important;color:#171410!important;border-color:transparent!important}
html:root :is(.r2-media-controls button,.r3-rail-controls button,.r4-photo-arrow,.club-photo-arrow,.original-photo-arrow,[data-review-prev],[data-review-next],[data-video-prev],[data-video-next],[data-skill-step],[data-album-step],[data-photo-step]) svg{width:20px;height:20px;fill:none!important;stroke:currentColor!important;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block;margin:auto}
html:root .r4-yandex-link:is(:hover,:focus-visible) .r4-link-arrow{color:#171410!important}
html:root :is(.read-more,.review-full,.mobile-compact-details)>summary>span[aria-hidden]{transform:rotate(0deg)!important;transition:transform .42s cubic-bezier(.2,.75,.2,1)!important}
html:root :is(.read-more,.review-full,.mobile-compact-details)[data-disclosure-state="open"]>summary>span[aria-hidden],
html:root :is(.read-more,.review-full,.mobile-compact-details):not([data-disclosure-enhanced])[open]>summary>span[aria-hidden]{transform:rotate(45deg)!important}
@media(prefers-reduced-motion:reduce){html:root :is(.read-more,.review-full,.mobile-compact-details)>summary>span[aria-hidden]{transition:none!important}}
/* Follow the native target state: [open] remains present throughout closing. */
html:root .faq-item > summary .faq-toggle-icon{
 background:transparent!important;color:var(--ui-muted-strong)!important;
 transform:rotate(0deg)!important;transform-origin:center;
 transition:transform .42s cubic-bezier(.2,.75,.2,1),color .42s ease!important;
}
html:root .faq-item[data-disclosure-state="open"] > summary .faq-toggle-icon,
html:root .faq-item:not([data-disclosure-enhanced])[open] > summary .faq-toggle-icon{
 transform:rotate(45deg)!important;color:var(--ui-accent-ink)!important;
}
@media(prefers-reduced-motion:reduce){html:root .faq-item > summary .faq-toggle-icon{transition:none!important}}
@media(max-width:900px){html:root[data-orator-page="advanced"] #format.final-practice-merged .ov-deeper-layout{grid-template-columns:1fr}}
/* The intake remains a dark invitation in both site themes. */
html:root[data-orator-page="basic"] #start{
 --r11-veil:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.72))!important;
 --ui-text:#f1efe9;--ui-muted-strong:#d1cac0;--ui-muted:#ada89f;--ui-accent-ink:#fa9e44;--ui-on-accent:#1a1711;
 color:#f1efe9;color-scheme:dark;background:#040403!important;border-color:#2b2925!important;
}
html:root[data-orator-page="basic"] #start .r3-start-inner{background-color:#111315!important;background-image:var(--r11-veil),var(--r17-hall-image)!important;color:#f1efe9!important}
html:root[data-orator-page="basic"] #start h2{color:var(--ui-accent-fill)!important}
html:root[data-orator-page="basic"] #start p{color:#d1cac0!important}
html:root[data-orator-page="basic"] #start .r3-start-date{color:#fff!important}
@media(max-width:650px){html:root[data-orator-page="basic"] #start{--r11-veil:linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.86))!important}}
html:root[data-orator-page="basic"] #hero>.cursor-glow-layer{
 z-index:0!important;
 mask-image:linear-gradient(#000,#000),var(--final-person-mask);
 mask-size:100% 100%,var(--final-art-size);mask-position:0 0,var(--final-person-position);
 mask-repeat:no-repeat;mask-composite:exclude;
}
html:root[data-orator-page="basic"] #hero .r2-hero-inner{position:relative;z-index:1}
html:root[data-orator-page="advanced"] #hero>.cursor-glow-layer{
 z-index:1!important;
 mask-image:linear-gradient(90deg,#000 0px,#000 var(--final-art-left),transparent var(--final-art-left)),var(--final-person-mask);
 mask-size:100% 100%,var(--final-art-size);mask-position:0 0,var(--final-mask-left) var(--final-art-top);mask-repeat:no-repeat;mask-composite:add;
}
html:root[data-orator-page="advanced"] #hero>.ov-wrap{position:relative;z-index:2}
/* No background texture is the initial new proposal. Only this surface is
   compared; approved photos, layout, controls and type stay identical. */
html:root[data-review-surface="plain"]:is([data-orator-page="basic"],[data-orator-page="advanced"]) #reviews{
 background:#000!important;
}
html:root[data-review-surface="plain"][data-site-theme="light-warm"]:is([data-orator-page="basic"],[data-orator-page="advanced"]) #reviews{background:var(--ui-bg,var(--ov-bg,#faf7f2))!important}
html:root[data-review-surface="plain"][data-orator-page="advanced"] #reviews::before{background-image:none!important;background:transparent!important}
html:root[data-orator-page="advanced"] .ov-deeper-cards .ov-benefit-card{border:0!important;background:#080a0b!important;color:#f5f2ed;box-shadow:none}
html:root[data-orator-page="advanced"] .ov-deeper-cards .ov-benefit-card p{color:#c5c5c3}
html:root[data-orator-page="advanced"][data-site-theme="light-warm"] .ov-deeper-cards .ov-benefit-card{background:linear-gradient(145deg,#eeeae3,#e8e4dd)!important;color:var(--ui-text)}
html:root[data-orator-page="advanced"][data-site-theme="light-warm"] .ov-deeper-cards .ov-benefit-card p{color:var(--ui-muted-strong)}
/* One centered close glyph in all course dialogs; its hit area stays 44px. */
html:root dialog :is(.r4-dialog-close,.r2-close-form,.ov-dialog-close,.club-contact-close,.original-photo-close,#close-photo,#close-video,[data-close-dialog],[data-native-close],[data-close]){
 width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
 padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;background:transparent!important;line-height:1!important;font-size:0!important;
}
html:root dialog :is(.r4-dialog-close,.r2-close-form,.ov-dialog-close,.club-contact-close,.original-photo-close,#close-photo,#close-video,[data-close-dialog],[data-native-close],[data-close])::before{
 content:"";width:20px;height:20px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M6 18L18 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
html:root dialog :is(.r4-dialog-close,.r2-close-form,.ov-dialog-close,.club-contact-close,.original-photo-close,#close-photo,#close-video,[data-close-dialog],[data-native-close],[data-close])>svg{display:none!important}