/* App organization layer. Existing brand, content and purchase components remain. */
html{scroll-padding-top:130px;overflow-x:clip}
body.studio-skin{padding-bottom:190px;background:#fbfcff}
.studio-skin .app-header{position:sticky;top:0;z-index:50;background:#fffffff5;border:0}
.studio-skin .app-topbar{height:62px;display:flex;align-items:center;gap:20px}
.studio-skin .app-topbar .studio-brand,.studio-skin .app-topbar .studio-brand img{width:158px}
.app-area-label{font-size:12px;color:#526277;border-left:1px solid #dce3ee;padding-left:20px}
.app-account{margin-left:auto;color:#142640;font-size:13px;font-weight:700;text-decoration:none;padding:8px 12px;border:1px solid #dce3ee;border-radius:10px;background:white;white-space:nowrap}
.app-account span{color:#3657f1;margin-left:8px}
.app-subnav{background:#eaf0ff;border-bottom:1px solid #dbe3f4}
.studio-skin .app-subnav-track{display:flex;gap:5px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;align-items:stretch;padding-top:7px;min-height:48px}
.app-subnav a{display:flex;align-items:center;justify-content:center;flex:none;min-height:41px;padding:9px 20px;color:#526277;text-decoration:none;font-size:13px;font-weight:650;border-radius:13px 13px 0 0;white-space:nowrap}
.app-subnav a:hover{color:#3657f1;background:#f5f7ff}
.app-subnav a[aria-current]{background:#fbfcff;color:#3657f1;box-shadow:inset 0 3px #3657f1}
.app-dock{position:fixed;z-index:75;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(560px,calc(100% - 24px));padding:7px;border:1px solid #d4ddec;background:#fffffff5;backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 7px 32px #182f5624}
.app-dock a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:58px;padding:7px 4px;border-radius:21px;color:#586579;text-decoration:none;font-size:12px;line-height:1.2;font-weight:600}
.app-dock svg{width:22px;height:22px;flex:none}
.app-dock a:hover{background:#f2f5fc;color:#3657f1}
.app-dock a[aria-current]{background:#e9eeff;color:#3657f1;font-weight:750}
.studio-skin .telegram-support{bottom:calc(99px + env(safe-area-inset-bottom));z-index:74}
.studio-skin .ia-consent{z-index:100;bottom:calc(98px + env(safe-area-inset-bottom))}
.studio-skin:has(.ia-consent:not([hidden])) .telegram-support{visibility:hidden}
.studio-skin .studio-context-header{position:relative;background:transparent;border:0;margin:0 auto;max-width:1380px}
.app-page-links{margin:8px 0 0;font-size:12px;border-bottom:1px solid #e4e9f1}
.app-page-links>summary{padding:8px 0;color:#526277;cursor:pointer;font-weight:600}
.app-page-links .studio-context-header .nav{padding:6px 0!important;min-height:40px!important}
.studio-skin h1{font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.12}
.studio-skin :is(.hp-hero,.tv-hero,.pf-hero){padding-block:32px;gap:28px}
.studio-skin .hp-hero{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}
.studio-skin .hp-hero-copy h1{font-size:clamp(2.2rem,4vw,3.8rem);margin-block:12px 16px}
.studio-skin :is(.hp-lede,.pf-lede,.tv-lede){font-size:1rem;line-height:1.65}
.studio-skin :is(.hp-section,.tv-section,.ew-section){padding-block:32px}
.studio-skin :is(.ci-hero,.edu-hero,.collection-heading){padding-block:28px;margin-bottom:20px}
.studio-skin :is(.ci-card,.edu-card,.hp-category-card,.app-help-grid article){border-radius:14px}
.studio-skin .ci-tv-index{padding-block:20px}
.studio-skin .ci-tv-index h2{font-size:1.6rem}
.app-help{padding-block:30px}
.app-help>p{max-width:650px}
.app-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:25px}
.app-help-grid article{background:white;border:1px solid #dce3ee;padding:24px}
.app-help-grid h2{font-size:1.4rem;margin:0 0 12px}
@media(max-width:700px){
 .studio-skin :is(.shell,.hp-shell,.studio-shell){width:calc(100% - 32px)}
 .studio-skin .app-topbar{height:58px;gap:10px}
 .studio-skin .app-topbar .studio-brand,.studio-skin .app-topbar .studio-brand img{width:145px}
 .app-area-label{display:none}
 .app-account{font-size:12px;padding:7px 9px}
 .app-account span{display:none}
 .studio-skin .app-subnav-track{width:100%;padding-inline:16px}
 .app-subnav a{font-size:12px;padding:9px 15px}
 .studio-skin :is(.hp-hero,.tv-hero,.pf-hero){grid-template-columns:1fr;padding-block:24px;gap:20px}
 .studio-skin .hp-hero-copy h1{font-size:2.3rem}
 .studio-skin :is(.hp-hero-copy,.pf-intro) .eyebrow{font-size:11px}
 .studio-skin :is(.hp-section,.tv-section,.ew-section){padding-block:24px}
 .studio-skin :is(.hp-lede,.pf-lede,.tv-lede){font-size:.9375rem}
 .studio-skin :is(.hp-actions,.pf-actions,.tv-hero-actions){margin-top:18px}
 .app-help-grid{grid-template-columns:1fr;gap:14px}
 .app-help-grid article{padding:20px}
 .app-dock{gap:2px;padding:6px}
 .app-dock a{font-size:11px;min-height:56px}
 .studio-skin .telegram-support{min-height:48px;padding:5px 12px 5px 6px;gap:8px}
 .studio-skin .telegram-support-icon{width:34px;height:34px}
 .studio-skin .telegram-support-copy strong{font-size:12px}
 .studio-skin .telegram-support-copy small{font-size:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-subnav-track{scroll-behavior:auto}}
/* Joined tabs and rounded app footer, shared across all routes. */
.studio-skin .app-subnav{border-bottom:0}
.studio-skin .app-subnav-track{scrollbar-width:none;padding-inline:20px;gap:12px}
.app-subnav-track::-webkit-scrollbar{display:none}
.app-subnav a{position:relative;isolation:isolate;border-radius:17px 17px 0 0}
.app-subnav a[aria-current]{box-shadow:none;background:#fbfcff}
.app-subnav a[aria-current]::before,.app-subnav a[aria-current]::after{content:"";position:absolute;bottom:0;width:14px;height:14px;pointer-events:none;background:transparent}
.app-subnav a[aria-current]::before{left:-14px;border-radius:0 0 14px 0;box-shadow:6px 0 0 #fbfcff}
.app-subnav a[aria-current]::after{right:-14px;border-radius:0 0 0 14px;box-shadow:-6px 0 0 #fbfcff}
.studio-skin>footer{border-top:0!important;border-radius:28px 28px 0 0;overflow:hidden;background:#f0f2fa}
.app-subnav a:focus-visible{outline:3px solid #3657f1;outline-offset:-4px}
.help-center{padding-block:28px 40px;color:#182b45}
.help-heading{margin-bottom:24px}.help-heading h1{margin:10px 0 12px}.help-heading p{max-width:700px;color:#53647b}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.help-panel{border:1px solid #dce3ef;border-radius:20px;padding:22px;background:#fff;margin-top:18px;min-width:0}
.help-grid .help-panel{margin:0}.help-panel h2{font-size:1.4rem;margin:0 0 14px}.help-panel p,.help-panel li{color:#52627a;font-size:.95rem;line-height:1.65}.help-panel p{margin:12px 0}.help-panel li+li{margin-top:10px}.help-panel a,.help-bottom a{color:#3f51d9;font-weight:600}.help-panel ol,.help-panel ul{padding-left:22px}
.help-contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.help-contact{display:flex;align-items:center;gap:12px;padding:18px 14px;border:1px solid #dce3ef;border-radius:17px;background:#fff;text-decoration:none;color:#182b45;min-width:0}.help-contact>span:nth-child(2){flex:1;min-width:0}.help-contact strong,.help-contact small{display:block}.help-contact small{font-size:12px;color:#52627a;overflow-wrap:anywhere;margin-top:5px}.help-icon{display:grid;place-items:center;background:#e9eeff;color:#3e55df;border-radius:13px;width:40px;height:40px;flex:none}.help-icon svg{width:24px;height:24px}
.help-filters{display:flex;gap:15px;flex-wrap:wrap}.help-filters label{display:flex;flex-direction:column;gap:8px;flex:1;font-weight:650;font-size:14px;min-width:220px}.help-filters input,.help-filters select{font:inherit;min-height:46px;border:1px solid #cbd6e7;border-radius:12px;padding:10px;background:#fff;color:#182b45;width:100%}.help-faq-group{margin-top:24px}.help-faq-group h2{font-size:1.35rem;margin-bottom:12px}.help-answer{border:1px solid #dce3ef;border-radius:13px;background:#fff;margin:9px 0;overflow:hidden}.help-answer summary{padding:17px 20px;cursor:pointer;font-weight:600;line-height:1.5}.help-answer[open] summary{color:#3e51db;background:#f0f3ff}.help-answer>div{padding:0 20px 17px;line-height:1.7;color:#52627a}.help-answer p{margin-top:14px}.help-center [hidden]{display:none!important}.help-center :focus-visible{outline:3px solid #405cff;outline-offset:3px}.help-bottom{margin-top:24px}
@media(max-width:700px){.help-grid,.help-contacts{grid-template-columns:1fr}.help-center{padding-top:20px}.help-panel{padding:18px}.help-contact{padding:14px}.help-filters{gap:12px}.studio-skin>footer{border-radius:24px 24px 0 0}}
/* User guides: centered directory and quiet tutorial metadata. */
.studio-skin .guide-directory{width:calc(100% - 40px);max-width:1100px;margin:0 auto;padding:28px 0 14px;border-top:0}
.studio-skin .guide-directory h1{margin:9px 0 12px}.studio-skin .guide-directory>p{max-width:650px;color:#53647b;line-height:1.65}
.studio-skin .guide-directory .ci-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:22px 0 0;list-style:none}
.studio-skin .guide-directory .ci-links li{margin:0;min-width:0}
.studio-skin .guide-directory .ci-links a{display:flex;align-items:center;gap:12px;min-height:90px;padding:16px;border:1px solid #d8e1f0;border-radius:17px;background:linear-gradient(120deg,#fff,#f1f4ff);color:#1c304d;text-decoration:none;box-shadow:0 4px 12px #24406405;transition:box-shadow .15s,border-color .15s}
.studio-skin .guide-directory .ci-links a:hover{border-color:#8798e8;box-shadow:0 7px 20px #24406415}.guide-directory .ci-links strong{display:block;font-size:15px;line-height:1.4}.guide-directory .ci-links small{display:block;font-size:11px;color:#66768d;margin-top:5px}.guide-symbol{display:grid;place-items:center;width:36px;height:40px;flex:none;border-radius:10px;background:#e8edff;color:#4258db;font-size:22px}.guide-directory .ci-links a>span:nth-child(2){flex:1;min-width:0}.guide-open{font-size:11px;font-weight:650;color:#4154cc;white-space:nowrap}.guide-open b{font-size:16px}
.studio-skin:has(.guide-directory) .academy{max-width:1100px;margin-inline:auto;padding-top:24px}.studio-skin:has(.guide-directory) .academy-header{margin-bottom:24px}.studio-skin:has(.guide-directory) .academy-header h2{font-size:1.6rem;margin-bottom:12px}.studio-skin:has(.guide-directory) .course-image{display:flex;flex-direction:column;padding:0;background:#edf1fa}.studio-skin:has(.guide-directory) .course-image img{display:block;width:100%;height:auto;object-fit:contain}.studio-skin:has(.guide-directory) .course-format{position:static;align-self:flex-start;margin:10px 12px;padding:5px 9px;background:#eef1fb;border:1px solid #dce3f1;border-radius:8px;color:#52637b;font-size:11px;line-height:1.4}.studio-skin:has(.guide-directory) .course-card{border-radius:17px;overflow:hidden;border:1px solid #dae2ef;background:#fff}.studio-skin:has(.guide-directory) .course-body{padding:18px}.studio-skin:has(.guide-directory) .course-body h3{font-size:20px;line-height:1.3}
@media(max-width:700px){.studio-skin .guide-directory{width:calc(100% - 40px);padding-top:22px}.studio-skin .guide-directory .ci-links{grid-template-columns:1fr;gap:10px}.studio-skin .guide-directory .ci-links a{min-height:80px;padding:13px;gap:10px}.guide-open{font-size:0}.guide-open b{font-size:20px}.studio-skin:has(.guide-directory) .academy{width:calc(100% - 40px)}}

/* A single neutral join surface; radial cutouts avoid overlapping shadow wedges. */
.studio-skin{--app-join:#fbfcff}
.studio-skin .app-header{box-shadow:none!important;border-bottom:0!important}
.studio-skin .app-subnav a[aria-current]{background:var(--app-join)}
.studio-skin .app-subnav a[aria-current]::before,.studio-skin .app-subnav a[aria-current]::after{border-radius:0;box-shadow:none;width:14px;height:14px}
.studio-skin .app-subnav a[aria-current]::before{background:radial-gradient(circle at 0 0,transparent 14px,var(--app-join) 14.5px)}
.studio-skin .app-subnav a[aria-current]::after{background:radial-gradient(circle at 100% 0,transparent 14px,var(--app-join) 14.5px)}
.studio-skin main{border-top:0!important}
.studio-skin .offer-banner{position:relative;top:auto;z-index:1}

/* One consistent, dismissible promotion above every shared header. */
.studio-skin .offer-banner[data-shared-offer]{background:#e9eeff;color:#2948b5;border-bottom:1px solid #d8e0ff;margin:0;padding:0}
.studio-skin .offer-banner[hidden]{display:none!important}
.global-offer-inner{display:flex;align-items:center;gap:12px;max-width:1240px;margin:auto;padding:7px 20px;min-height:40px;box-sizing:border-box}
.studio-skin .global-offer-link{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;min-width:0;color:inherit;text-decoration:none;font:400 13px/1.45 Inter,system-ui,sans-serif}
.global-offer-price{white-space:nowrap;font-weight:700}.global-offer-price s{opacity:.55;margin-right:5px}
.studio-skin .global-offer-close{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#5264a3;cursor:pointer}.global-offer-close:hover{background:#dce4fb}.global-offer-close:focus-visible,.global-offer-link:focus-visible{outline:2px solid #3657f1;outline-offset:2px}
@media(max-width:600px){.global-offer-inner{gap:7px;padding:7px 12px}.studio-skin .global-offer-link{font-size:11px;gap:10px}.global-offer-price{font-size:11px}.studio-skin .global-offer-close{width:28px;height:28px}}