/* Nail Insider Club — V8. Additive refinements on approved V7; never applied to WordPress. */
:root{--v8-accent:#f58b48;--v8-graphite:#222326}
.languages a.active{color:var(--v8-accent)!important;font-weight:800}
.languages a.active:hover{color:#ffac72!important}
/* Hero: two-line introduction; only the first block shifts left. */
.hero .eyebrow{max-width:560px;line-height:1.7;font-size:clamp(10px,.88vw,13px);letter-spacing:.065em}
.hero-kicker-second{display:block;margin-top:3px}
@media(min-width:1101px){
 .header .nav-container{grid-template-columns:auto minmax(0,1fr) auto;gap:18px}
 .header .nav-desktop{margin-left:-28px;justify-self:center;gap:20px}
 .hero .hero-inner{width:calc(100% - 44px)!important;max-width:1600px!important}
 .hero .hero-copy{width:min(39vw,500px)!important;max-width:500px;padding-right:9px!important;transform:none!important}
 .hero .hero-copy h1{font-size:clamp(42px,3.45vw,54px)!important;letter-spacing:-.022em;line-height:1.07}
 .hero .hero-copy>p{max-width:465px}
 .hero .hero-facts{width:100%;max-width:460px}
}
@media(min-width:901px) and (max-width:1100px){
 .hero .hero-inner{width:calc(100% - 42px)!important}
 .hero .hero-copy{width:min(46%,500px)!important}
 .hero .hero-copy h1{font-size:clamp(38px,4.15vw,48px)!important}
}
/* Compact course copy on DESKTOP ONLY: remove artificial vertical minimums and auto margins. */
@media(min-width:701px){
 .courses .course-info{min-height:0!important;display:flex!important;flex-direction:column!important;padding:21px 24px 17px!important}
 .courses .course-info h3{margin:0 0 7px!important;line-height:1.14}
 .courses .course-info .course-count{margin:0 0 9px!important}
 .courses .course-info>p{margin:0 0 15px!important;min-height:0!important;line-height:1.55}
 .courses .course-details{margin:0!important}
 .courses .course-details[open]{margin:0!important}
 .courses .course-details summary{padding-top:12px}
 .courses .course-grid{align-items:start!important}
 .courses .course-card{height:auto!important;align-self:start!important}
}
/* Mobile course spacing is deliberately untouched. */
.course-curriculum-link{display:inline-block;margin:16px 0 1px;font:600 12px/1.5 var(--sans);text-decoration:underline;text-underline-offset:3px;color:#b96430}
.course-curriculum-link:hover{color:#7f3915}
/* Gallery label: results below heading, swipe prompt beside arrow controls. */
#works .section-row-head{display:block}
#works .section-row-head>div{width:100%}
#works .section-row-head p{max-width:960px;margin-top:7px;text-align:left;font-size:13px}
#works .carousel-head{justify-content:flex-end;gap:15px;margin-top:2px}
#works .carousel-head .rail-hint{text-align:right;margin-right:4px}
/* Small media explanation must also appear on phones. */
.press .muted-press{display:block!important;max-width:710px;line-height:1.65}
.press .press-top{margin-bottom:13px}
/* More familiar educator brand first in EN and ES; Russian version stays as approved. */
.educator-brandname{display:block}
.educator-legalname{display:block;margin-top:4px;font-family:var(--serif);font-size:.52em;font-weight:400;color:#dad5d0;line-height:1.23}
/* Plan description after duration choices, followed by included features. */
.price-plan-v5 .plan-v5-sub{margin:15px 0 5px!important;min-height:0!important;font-size:13px;line-height:1.55}
.price-plan-v5 .plan-feature-list{margin:10px 0 12px!important}
.price-plan-v5 .plan-money{margin-top:18px}
.term-saving.v7-saving{color:#27572d!important;background:#d6efcb!important}
.term-choice strong{gap:9px;flex-wrap:wrap;max-width:74%;}
.term-saving{white-space:nowrap}
/* Help / support envelope, without an oversized graphic button */
.support-email,.footer-support{display:inline-flex;align-items:center;gap:7px}
.support-icon{flex:0 0 16px;color:#ed925b;vertical-align:middle}
/* Footer desktop: subtitle directly below logo, not at the right edge. */
.footer-brand{display:flex!important;align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
.footer-brand p{margin:0 0 24px!important;white-space:normal!important;max-width:560px;text-align:left!important;line-height:1.55}
.footer-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px}
.footer-copyright{grid-column:1;justify-self:start}
.footer-legal{grid-column:2;justify-self:center}
.footer-support{grid-column:3;justify-self:end;text-align:right}
/* FIX: modal canvas must be border-box. The previous 100vw + padding combination caused horizontal overflow,
   clipped image edges and displaced photo controls on mobile Safari. */
#viewer.viewer-v8{box-sizing:border-box!important;position:fixed!important;inset:0!important;margin:0!important;
 width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
 border:0!important;border-radius:0!important;padding:0!important;background:#111215!important;
 overflow:hidden!important;overscroll-behavior:contain;touch-action:none}
#viewer.viewer-v8 .lightbox-inner{box-sizing:border-box!important;position:relative!important;
 width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;
 display:block!important;overflow:hidden!important;margin:0!important;padding:0!important}
#viewer.viewer-v8 .lightbox-image-area{position:absolute!important;inset:62px 77px 40px!important;
 box-sizing:border-box!important;display:flex!important;justify-content:center!important;align-items:center!important;
 overflow:hidden!important;min-width:0!important;min-height:0!important;width:auto!important;height:auto!important;touch-action:none}
#viewer.viewer-v8 #viewer-image{max-height:100%!important;max-width:100%!important;
 width:auto!important;height:auto!important;object-fit:contain!important;display:block;margin:auto;user-select:none}
#viewer.viewer-v8 .viewer-close{position:fixed!important;top:max(16px,env(safe-area-inset-top))!important;
 right:max(17px,env(safe-area-inset-right))!important;left:auto!important;z-index:999!important;
 width:44px!important;height:44px!important;border:1px solid #f2ac77!important;background:#f59651!important;color:#1a1a1a!important;
 display:grid!important;place-items:center!important;opacity:1!important;visibility:visible!important;cursor:pointer}
#viewer.viewer-v8 .lightbox-arrow{position:fixed!important;top:50%!important;bottom:auto!important;
 transform:translateY(-50%)!important;width:48px!important;height:52px!important;z-index:10!important;cursor:pointer}
#viewer.viewer-v8 .lightbox-prev{left:14px!important}
#viewer.viewer-v8 .lightbox-next{right:14px!important}
#viewer.viewer-v8::backdrop{background:rgba(0,0,0,.91)}
@media(max-width:900px){
 .hero .eyebrow{font-size:clamp(9px,1.2vw,11px);letter-spacing:.075em}
 .educator-legalname{font-size:.54em}
 .footer-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px 12px}
 .footer-copyright{grid-column:1;grid-row:1}
 .footer-support{grid-column:2;grid-row:1;justify-self:end}
 .footer-legal{grid-column:1/-1;grid-row:2;justify-self:start;justify-content:flex-start}
}
@media(max-width:700px){
 .hero .eyebrow{font-size:9px;letter-spacing:.05em;line-height:1.6;margin-bottom:6px}
 .hero-kicker-second{margin-top:3px}
 .press .muted-press{display:block!important;font-size:11px;max-width:100%;margin:5px 0 10px!important}
 .press .press-top{margin-bottom:5px}
 .educator-legalname{font-size:clamp(25px,5.8vw,32px);line-height:1.22;margin-top:7px}
 #works .section-row-head p{margin-top:8px;font-size:12px;line-height:1.6}
 #works .carousel-head{margin-top:13px;gap:8px}
 #works .carousel-head .rail-hint{font-size:10px;max-width:58%;line-height:1.4}
 .price-plan-v5 .plan-v5-sub{font-size:12px}
 .support-email .support-icon,.footer-support .support-icon{width:15px;height:15px;flex-basis:15px}
 .footer-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:15px 10px!important}
 .footer-legal{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-start!important;gap:8px 18px!important}
 .footer-copyright{grid-column:1!important;grid-row:1!important;font-size:11px}
 .footer-support{grid-column:2!important;grid-row:1!important;justify-self:end!important;white-space:normal!important;
 font-size:10px!important;text-align:right!important;overflow-wrap:anywhere}
 #viewer.viewer-v8 .lightbox-image-area{inset:65px 8px 98px!important}
 #viewer.viewer-v8 .lightbox-arrow{top:auto!important;bottom:max(16px,env(safe-area-inset-bottom))!important;
 transform:none!important;width:54px!important;height:49px!important}
 #viewer.viewer-v8 .lightbox-prev{left:19px!important}
 #viewer.viewer-v8 .lightbox-next{right:19px!important}
}
@media(max-width:390px){
 .header .nav-right .languages{font-size:clamp(10px,2.7vw,12px)!important}
 .footer-support{font-size:9px!important}
}
/* RU/ES teach in Telegram rather than in the English members' platform. */
@media(min-width:701px){
 html[lang="ru"] .footer-links,html[lang="es"] .footer-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}