/* Вертикальный формат 9:16 (сцена 1080×1920, класс #stage#stage#stage.v916).
   Общий принцип: всё идёт сверху вниз — подпись, заголовок, содержимое на всю ширину;
   колонки становятся столбиками. Сверху и снизу оставлены безопасные поля: в Reels, Shorts
   и TikTok там лежат подписи и кнопки площадки (--vt и --vb). */
#stage.v916{--vt:250px;--vb:420px;--vx:70px}
#stage#stage#stage.v916 #content{left:var(--vx);right:var(--vx);top:var(--vt);bottom:var(--vb);gap:34px}
/* блоки слайда не сжимаются: если не влезает, слайд уменьшается целиком (fitContent), а не свисает под камеру */
#stage#stage#stage.v916 #content>:not(.semantic:has(.lm-map,.sem-branch-map,.mt-cycle,.mt-timeline)){flex-shrink:0}
/* камера в 9:16: стиль рамки — в stage.html (общий для обоих форматов); слайд встаёт над камерой, под ней или сбоку (avoidCam) */
#stage#stage#stage.v916:not(.nocam)[data-cam] #content{top:var(--ct,var(--vt));bottom:var(--cb,var(--vb));left:var(--cxl,var(--vx));right:var(--cxr,var(--vx))}
#stage#stage#stage.v916 .title{font-size:calc(116px*var(--ts))}
#stage#stage#stage.v916 .title.small{font-size:calc(92px*var(--ts))}
#stage#stage#stage.v916 .sub{font-size:52px}

/* обложка и заголовок с картинкой: картинка сверху (или снизу), текст — по центру оставшегося места */
#stage#stage#stage.v916 #content.cover .title,#stage#stage#stage.v916 #content.cover.hasHero .title{max-width:none;font-size:calc(132px*var(--ts))}
#stage#stage#stage.v916 #content.cover .sub,#stage#stage#stage.v916 #content.cover.hasHero .sub{max-width:none;font-size:50px}
#stage#stage#stage.v916 #content.cover .hero{width:330px;height:330px;font-size:200px}
#stage#stage#stage.v916 #content.cover .hero .svgi{width:190px;height:190px}
#stage#stage#stage.v916 #content.cover .hero:has(.media-video){width:100%;height:auto}
#stage#stage#stage.v916 #content:is(.hero-top,.hero-bottom){justify-content:flex-start}
#stage#stage#stage.v916 #content:is(.hero-top,.hero-bottom) .hero{position:relative;right:auto;top:auto;margin:0;align-self:center;width:600px;height:600px;font-size:340px;flex:0 0 auto}
#stage#stage#stage.v916 #content:is(.hero-top,.hero-bottom) .hero .svgi{width:330px;height:330px}
#stage#stage#stage.v916 #content:is(.hero-top,.hero-bottom) .hero:has(.media-video){width:100%;height:auto;aspect-ratio:16/9}
#stage#stage#stage.v916 #content.hero-top .hero{order:-1;margin-bottom:auto}
#stage#stage#stage.v916 #content.hero-top>:last-child{margin-bottom:auto}
#stage#stage#stage.v916 #content.hero-bottom .hero{order:99;margin-top:auto}
#stage#stage#stage.v916 #content.hero-bottom>:first-child{margin-top:auto}
#stage#stage#stage.v916 #content:is(.hero-top,.hero-bottom) .title,#stage#stage#stage.v916 #content:is(.hero-top,.hero-bottom) .sub{max-width:none}
#stage#stage#stage.v916 #content:is(.hero-top,.hero-bottom):not(:has(.items,.row)){align-items:center;text-align:center}
#stage#stage#stage.v916 #content:is(.hero-top,.hero-bottom):not(:has(.items,.row)) .label{align-self:center}
#stage#stage#stage.v916 #content.hero-side .title{font-size:calc(84px*var(--ts))}
#stage#stage#stage.v916 #content.hero-side .hero{width:330px;height:330px;margin-top:-165px;font-size:190px}
#stage#stage#stage.v916 #content.hero-side .hero .svgi{width:180px;height:180px}
#stage#stage#stage.v916 #content.hero-side .title,#stage#stage#stage.v916 #content.hero-side .sub{max-width:560px}

/* список, карточки, формула, число, диаграмма */
#stage#stage#stage.v916 .items{gap:24px}
#stage#stage#stage.v916 #content>.row:not(.formula){flex-direction:column;align-items:stretch;gap:24px}
#stage#stage#stage.v916 #content>.row:not(.formula) .card{flex:0 0 auto;display:flex;align-items:stretch}
#stage#stage#stage.v916 #content>.row:not(.formula) .ctop{flex:0 0 250px;height:auto;min-height:230px;font-size:120px}
#stage#stage#stage.v916 #content>.row:not(.formula) .ctop .svgi{width:130px;height:130px}
#stage#stage#stage.v916 #content>.row:not(.formula) .cb{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center}
#stage#stage#stage.v916 #content>.row:not(.formula) .ct{font-size:calc(52px*max(var(--ts),.85))}
#stage#stage#stage.v916 #content>.row:not(.formula) .cs{font-size:34px}
/* много карточек (6 и больше) в 9:16: те же горизонтальные карточки столбиком, только плотнее. Правила «.row.many» из stage.html
   рассчитаны на ряды в 16:9: их flex-basis в процентах в столбце давал карточкам высоту в долю высоты ряда — они сплющивались */
#stage#stage#stage.v916 #content>.row.many:not(.formula){flex-wrap:nowrap;width:100%;max-width:none;gap:14px;align-content:stretch}
#stage#stage#stage.v916 #content>.row.many:not(.formula)>.card{flex:0 0 auto!important;width:auto!important}
#stage#stage#stage.v916 #content>.row.many:not(.formula) .ctop{flex:0 0 120px!important;height:auto!important;min-height:0!important;font-size:64px!important}
#stage#stage#stage.v916 #content>.row.many:not(.formula) .ctop .svgi{width:68px!important;height:68px!important}
#stage#stage#stage.v916 #content>.row.many:not(.formula) .cb{padding:14px 24px!important}
#stage#stage#stage.v916 #content>.row.many:not(.formula) .ct{font-size:calc(40px*max(var(--ts),.85));margin:0 0 4px}
#stage#stage#stage.v916 #content>.row.many:not(.formula) .cs{font-size:26px}
#stage#stage#stage.v916 .row.formula{flex-direction:column;align-items:center;gap:22px}
#stage#stage#stage.v916 .row.formula .fi{flex-direction:column;gap:22px}
#stage#stage#stage.v916 .row.formula .chip{font-size:calc(72px*max(var(--ts),.8));padding:30px 44px;text-align:center}
#stage#stage#stage.v916 .numbig{font-size:clamp(170px,calc(340px*var(--ts)),340px)}
#stage#stage#stage.v916 .barrow{grid-template-columns:1fr auto;grid-template-areas:"t v" "k k";row-gap:16px;font-size:48px}
#stage#stage#stage.v916 .barrow>:first-child{grid-area:t}#stage#stage#stage.v916 .barrow .track{grid-area:k}#stage#stage#stage.v916 .barrow .bv{grid-area:v}

/* смысловые раскладки: без ограничения высоты 1080p */
#stage#stage#stage.v916 #content .semantic,#stage#stage#stage.v916 #content .semantic.motagua{max-height:none}
#stage#stage#stage.v916 #content .semantic .sem-heading{font-size:56px}
#stage#stage#stage.v916 .semantic .sem-t{font-size:46px}
#stage#stage#stage.v916 .semantic .sem-s{font-size:30px}
#stage#stage#stage.v916 .semantic .sem-compare-grid{grid-template-columns:1fr;gap:26px}
#stage#stage#stage.v916 .semantic .sem-compare-col{min-height:0}
#stage#stage#stage.v916 .semantic .sem-compare-stack .sem-t{font-size:42px}
#stage#stage#stage.v916 .semantic .sem-compare-stack .sem-s{font-size:28px}
#stage#stage#stage.v916 .semantic .sem-chain-line{flex-direction:column;align-items:stretch;gap:0;min-height:0}
#stage#stage#stage.v916 .semantic .sem-chain-line>.sem-item{width:auto;min-height:150px;padding:28px 34px;gap:22px}
#stage#stage#stage.v916 .semantic .sem-chain-line .sem-t{font-size:46px}
#stage#stage#stage.v916 .semantic .sem-chain-link{flex:0 0 70px;width:8px;height:auto;min-width:0;align-self:center;transform:scaleY(0);transform-origin:top}
#stage#stage#stage.v916 .semantic .sem-chain-link.sem-revealed{transform:scaleY(1)}
#stage#stage#stage.v916 .semantic .sem-chain-link:after{right:auto;left:50%;top:auto;bottom:-3px;translate:-50% 0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:20px solid var(--sem-hl);border-bottom:0}
#stage#stage#stage.v916 .semantic .sem-steps-layout{grid-template-columns:1fr;gap:30px}
#stage#stage#stage.v916 .semantic .sem-step{min-height:96px;padding:20px 28px}
#stage#stage#stage.v916 .semantic .sem-step .sem-t{font-size:44px}
#stage#stage#stage.v916 .semantic .sem-step-n{width:54px;height:54px;font-size:28px}
#stage#stage#stage.v916 .semantic .sem-step.sem-prior .sem-step-n{font-size:0}
#stage#stage#stage.v916 .semantic .sem-step.sem-prior .sem-step-n:after{font-size:34px}
#stage#stage#stage.v916 .semantic .sem-step-detail{min-height:200px;font-size:54px}
#stage#stage#stage.v916 .semantic .sem-focus-phrase{min-height:0;gap:22px}
#stage#stage#stage.v916 .semantic .sem-focus-part .sem-t{font-size:58px}
#stage#stage#stage.v916 .semantic .sem-concept-term{font-size:120px}
#stage#stage#stage.v916 .semantic .sem-concept-detail{font-size:68px}
#stage#stage#stage.v916 .semantic .sem-concept-detail-s{font-size:34px}
#stage#stage#stage.v916 .semantic .sem-concept-item .sem-t{font-size:32px}
#stage#stage#stage.v916 .semantic.sem-scale{grid-template-columns:1fr 1fr;row-gap:60px;padding-top:40px}
#stage#stage#stage.v916 .semantic .sem-scale-rail{grid-column:1/-1;grid-row:3;margin-inline:150px;height:34px}
#stage#stage#stage.v916 .semantic .sem-scale-min{grid-row:4}#stage#stage#stage.v916 .semantic .sem-scale-max{grid-row:4;text-align:right}
#stage#stage#stage.v916 .semantic .sem-scale-bound{font-size:36px}
#stage#stage#stage.v916 .semantic .sem-readout{font-size:40px;bottom:62px;width:380px;min-width:0;white-space:normal;line-height:1.1}
#stage#stage#stage.v916 .semantic .sem-marker{width:66px;height:66px}
#stage#stage#stage.v916 .semantic .sem-branch-map{height:1080px}
#stage#stage#stage.v916 .semantic .sem-branch-vert .sem-branch-hub,#stage#stage#stage.v916 #content .semantic .sem-branch-vert .sem-branch-hub{top:9%;width:520px;min-height:180px;border-radius:90px;font-size:46px}
#stage#stage#stage.v916 #content .semantic .sem-branch-vert .sem-branch,#stage#stage#stage.v916 #content .semantic .sem-branch-vert.sem-branch-many .sem-branch{width:40%;min-height:120px;padding:20px 22px}
#stage#stage#stage.v916 #content .semantic .sem-branch-vert .sem-branch .sem-t{font-size:36px}
#stage#stage#stage.v916 #content .semantic .sem-branch-vert .sem-branch .sem-s{font-size:24px}
#stage#stage#stage.v916 .semantic .sem-sort-layout{grid-template-columns:1fr;gap:28px;min-height:0}
#stage#stage#stage.v916 .semantic .sem-sort-pool,#stage#stage#stage.v916 .semantic .sem-sort-col{min-height:200px}
#stage#stage#stage.v916 .semantic .sem-sort-token .sem-t{font-size:34px}
#stage#stage#stage.v916 .semantic .sem-sort-label{font-size:28px}
#stage#stage#stage.v916 .semantic.sem-question{min-height:0}
#stage#stage#stage.v916 .semantic .sem-question{font-size:84px}
#stage#stage#stage.v916 .semantic .sem-answers{flex-direction:column}
#stage#stage#stage.v916 .semantic .sem-answer{flex:0 0 auto;min-height:130px}
#stage#stage#stage.v916 .semantic .sem-answer .sem-t{font-size:44px}
#stage#stage#stage.v916 .semantic .sem-answer .sem-s{font-size:28px}
#stage#stage#stage.v916 #content .semantic .sem-item.sem-transform-frame,#stage#stage#stage.v916 .semantic .sem-transform-phrase{font-size:84px}

/* схемы — интеллект-карта, ветвление, цикл, шкала времени — занимают всё свободное место слайда (оно меньше, когда
   включена камера), а не уменьшаются целиком вместе с текстом */
#stage#stage#stage.v916 #content:has(>.semantic :is(.lm-map,.sem-branch-map,.mt-cycle,.mt-timeline)){justify-content:flex-start}
#stage#stage#stage.v916 #content>.semantic:has(.lm-map,.sem-branch-map,.mt-cycle,.mt-timeline){flex:1 1 0;min-height:0;display:flex;flex-direction:column}
#stage#stage#stage.v916 #content .semantic :is(.lm-map,.sem-branch-map,.mt-cycle,.mt-timeline.mt-timeline-vertical){flex:1 1 0;height:auto;min-height:540px}

/* длинные списки и интеллект-карта */
#stage#stage#stage.v916 #content .lm-cols-grid{grid-template-columns:1fr;gap:14px}
#stage#stage#stage.v916 #content .lm-cols-grid .lm-col-item{min-height:0}
#stage#stage#stage.v916 #content .lm-long .lm-t{font-size:40px}
#stage#stage#stage.v916 #content .lm-long .lm-s{font-size:27px}
#stage#stage#stage.v916 #content .semantic.lm-long .lm-page .lm-item.lm-page-item .lm-t{font-size:42px}
#stage#stage#stage.v916 #content .semantic.lm-long .lm-page .lm-item.lm-page-item .lm-s{font-size:28px}
#stage#stage#stage.v916 #content .semantic.lm-long .lm-page .lm-item.lm-page-item{min-height:120px;padding:20px 24px}
#stage#stage#stage.v916 #content .semantic.lm-long .lm-item.lm-focus-row .lm-t{font-size:42px}
#stage#stage#stage.v916 #content .lm-map{height:1080px}
#stage#stage#stage.v916 #content .lm-map-context{width:100%}
/* интеллект-карта: плашки и центр — по размеру слова, а не одинаковые крупные (иначе налезают друг на друга) */
#stage#stage#stage.v916 #content .semantic.lm-long .lm-item.lm-map-node{width:max-content;max-width:46%;height:auto;min-height:0;margin:0;translate:-50% -50%;padding:14px 38px}
#stage#stage#stage.v916 #content .lm-map-hub,#stage#stage#stage.v916 #content .lm-mindmap:has(.lm-map-node:nth-of-type(9)) .lm-map-hub{width:max-content;max-width:62%;min-width:220px;height:auto;padding:30px 48px;font-size:46px}
#stage#stage#stage.v916 #content .lm-map-summary{font-size:32px}

/* макеты motagua */
#stage#stage#stage.v916 .motagua .mt-t{font-size:42px}
#stage#stage#stage.v916 .motagua .mt-s{font-size:28px}
#stage#stage#stage.v916 .motagua .mt-icon{width:64px;height:64px;font-size:34px}
#stage#stage#stage.v916 #content .motagua .mt-timeline.mt-timeline-vertical{flex:1 1 0;min-height:620px}
#stage#stage#stage.v916 .motagua .mt-timeline-vertical .mt-timeline-rail{left:7%}
#stage#stage#stage.v916 .motagua .mt-timeline-vertical .mt-timeline-marker{left:7%;width:28px;height:28px}
#stage#stage#stage.v916 .motagua .mt-timeline-vertical .mt-timeline-link{left:7%;width:70px}
#stage#stage#stage.v916 .motagua .mt-timeline-vertical :is(.mt-timeline-left,.mt-timeline-right) .mt-timeline-card{left:calc(7% + 80px);right:0;width:auto;min-height:100px;padding:16px 20px;gap:16px}
#stage#stage#stage.v916 .motagua .mt-timeline-vertical .mt-timeline-card .mt-t{font-size:38px}
#stage#stage#stage.v916 .motagua .mt-timeline-vertical .mt-timeline-card .mt-s{font-size:25px}
#stage#stage#stage.v916 .motagua .mt-timeline-vertical .mt-timeline-card .mt-icon{width:52px;height:52px;font-size:28px}
#stage#stage#stage.v916 #content .motagua .mt-matrix{gap:20px}
#stage#stage#stage.v916 .motagua .mt-matrix-cell{flex-direction:column;min-height:420px;padding:30px 28px}
#stage#stage#stage.v916 .motagua .mt-matrix-cell .mt-t{font-size:44px}
#stage#stage#stage.v916 #content .motagua .mt-cycle{height:1050px}
#stage#stage#stage.v916 .motagua .mt-cycle-centre{width:300px;padding:22px 18px;font-size:34px}
#stage#stage#stage.v916 .motagua .mt-cycle-node,#stage#stage#stage.v916 .motagua .mt-cycle[data-dense="1"] .mt-cycle-node{width:330px;min-height:110px}
#stage#stage#stage.v916 .motagua .mt-cycle-node .mt-t,#stage#stage#stage.v916 .motagua .mt-cycle[data-dense="1"] .mt-cycle-node .mt-t{font-size:30px}
#stage#stage#stage.v916 .motagua .mt-cycle-node .mt-s{font-size:23px}
#stage#stage#stage.v916 #content .motagua .mt-pyramid{min-height:900px}
#stage#stage#stage.v916 .motagua .mt-pyramid-tier{min-width:420px}
#stage#stage#stage.v916 .motagua .mt-pyramid-card{min-height:124px;padding:20px 26px}
#stage#stage#stage.v916 .motagua .mt-pyramid-card .mt-t{font-size:40px}
#stage#stage#stage.v916 .motagua .mt-pyramid-card .mt-s{font-size:25px}
#stage#stage#stage.v916 #content .motagua .mt-stats,#stage#stage#stage.v916 #content .motagua .mt-stats:has(.mt-stat:nth-child(4)){grid-template-columns:1fr;gap:22px}
#stage#stage#stage.v916 #content .motagua .mt-stats:has(.mt-stat:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}
#stage#stage#stage.v916 .motagua .mt-stat,#stage#stage#stage.v916 .motagua .mt-stats:has(.mt-stat:nth-child(4)) .mt-stat{min-height:0;padding:30px 34px}
#stage#stage#stage.v916 .motagua .mt-stat .mt-stat-v{font-size:110px}
#stage#stage#stage.v916 .motagua .mt-stat .mt-t{font-size:38px}
#stage#stage#stage.v916 #content .motagua .mt-quote{grid-template-columns:1fr;gap:0}
#stage#stage#stage.v916 .motagua .mt-quote-mark{font-size:300px;height:170px}
#stage#stage#stage.v916 .motagua .mt-quote-copy{padding:0}
#stage#stage#stage.v916 .motagua .mt-quote-text{font-size:86px}
#stage#stage#stage.v916 .motagua .mt-quote-author{font-size:38px}
#stage#stage#stage.v916 .motagua .mt-quote-notes{grid-column:1}
#stage#stage#stage.v916 #content .motagua .mt-media{grid-template-columns:1fr;gap:30px}
#stage#stage#stage.v916 .motagua .mt-media .mt-media-visual{order:0}#stage#stage#stage.v916 .motagua .mt-media .mt-media-copy{order:1}
#stage#stage#stage.v916 .motagua .mt-media-hero,#stage#stage#stage.v916 .motagua .mt-media-hero>.pic,#stage#stage#stage.v916 .motagua .mt-media-hero>img{min-height:0;height:560px}
#stage#stage#stage.v916 .motagua .mt-media-hero .media-video{height:auto;aspect-ratio:16/9}
#stage#stage#stage.v916 .motagua .mt-media-item .mt-t{font-size:40px}
#stage#stage#stage.v916 .motagua .mt-media-item .mt-s{font-size:27px}
/* иерархия — «дерево вниз»: главное сверху, от него ствол слева и ветки к каждой карточке */
#stage#stage#stage.v916 #content .motagua .mt-hierarchy{min-height:0;padding-top:0}
#stage#stage#stage.v916 .motagua .mt-hierarchy-network{display:none}
#stage#stage#stage.v916 .motagua .mt-hierarchy-root{width:100%;height:auto;min-height:140px;font-size:52px}
#stage#stage#stage.v916 .motagua .mt-hierarchy-children,#stage#stage#stage.v916 .motagua .mt-hierarchy-children:has(.mt-hierarchy-child:nth-child(n)){grid-template-columns:1fr;gap:16px;margin:0 0 0 60px;padding:34px 0 0 50px}
#stage#stage#stage.v916 .motagua .mt-hierarchy-child{--mt-line:color-mix(in srgb,var(--mt-hl) 70%,var(--mt-ink))}
#stage#stage#stage.v916 .motagua .mt-hierarchy-child:before{content:"";position:absolute;left:-50px;top:calc(50% - 2px);width:50px;height:4px;background:var(--mt-line)}
#stage#stage#stage.v916 .motagua .mt-hierarchy-child:after{content:"";position:absolute;left:-54px;width:4px;top:-16px;height:calc(100% + 16px);background:var(--mt-line)}
#stage#stage#stage.v916 .motagua .mt-hierarchy-child:first-child:after{top:-34px;height:calc(100% + 34px)}
#stage#stage#stage.v916 .motagua .mt-hierarchy-child:last-child:after{height:calc(50% + 18px)}
#stage#stage#stage.v916 .motagua .mt-hierarchy-child:first-child:last-child:after{height:calc(50% + 36px)}
#stage#stage#stage.v916 .motagua .mt-hierarchy-card,#stage#stage#stage.v916 .motagua .mt-hierarchy-children .mt-hierarchy-card{flex-direction:row;justify-content:flex-start;text-align:left;min-height:0;padding:20px 24px;gap:18px}
#stage#stage#stage.v916 .motagua .mt-hierarchy-card .mt-copy{text-align:left}
#stage#stage#stage.v916 .motagua .mt-hierarchy-card .mt-t,#stage#stage#stage.v916 .motagua .mt-hierarchy-children .mt-hierarchy-card .mt-t{font-size:40px}
#stage#stage#stage.v916 .motagua .mt-hierarchy-card .mt-s,#stage#stage#stage.v916 .motagua .mt-hierarchy-children .mt-hierarchy-card .mt-s{display:block;font-size:26px}
#stage#stage#stage.v916 .motagua .mt-hierarchy-children .mt-icon{display:grid}
/* бенто и чек-лист в 9:16: плитки в две колонки (главная — во всю ширину), пункты чек-листа на всю ширину */
#stage#stage#stage.v916 #content .motagua .mt-bento{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important;grid-auto-rows:minmax(190px,auto);flex:1 1 0}
#stage#stage#stage.v916 .motagua .mt-bento-cell{grid-column:auto!important;grid-row:auto!important}#stage#stage#stage.v916 .motagua .mt-bento-main{grid-column:1 / -1!important;min-height:300px}
#stage#stage#stage.v916 .motagua .mt-bento[data-n="2"] .mt-bento-cell:nth-child(2),#stage#stage#stage.v916 .motagua .mt-bento[data-n="4"] .mt-bento-cell:nth-child(4),#stage#stage#stage.v916 .motagua .mt-bento[data-n="6"] .mt-bento-cell:nth-child(6){grid-column:1 / -1!important}
#stage#stage#stage.v916 .motagua .mt-bento-main .mt-t{font-size:60px}
#stage#stage#stage.v916 #content .motagua .mt-check{max-width:none;flex:1 1 0}#stage#stage#stage.v916 .motagua .mt-check-row .mt-t{font-size:42px}