/* Motagua content distribution layouts.  These use the same theme variables as
   the semantic renderer, but deliberately favour poster-like composition over
   dashboard chrome. */
#stage#stage #content .semantic.motagua{--mt-ink:var(--ink,#fff);--mt-hl:var(--hl,#ffc93c);--mt-card:var(--card,rgba(17,22,36,.76));--mt-cardink:var(--cardink,var(--ink,#fff));width:min(1750px,100%);min-height:450px;max-height:600px;position:relative;color:var(--mt-ink);font-weight:720;letter-spacing:-.025em;line-height:1.08}
#stage#stage #content .semantic.motagua *{box-sizing:border-box}
#stage#stage #content .semantic.motagua.mt-still,#stage#stage #content .semantic.motagua.mt-still *{transition:none!important;animation:none!important}
#stage#stage #content .motagua .mt-item{min-width:0;color:var(--mt-cardink);background:color-mix(in srgb,var(--mt-card) 88%,transparent);border:1.5px solid color-mix(in srgb,var(--mt-ink) 20%,transparent);border-radius:22px;box-shadow:0 16px 42px rgba(0,0,0,.15);transition:filter .23s,border-color .23s,box-shadow .23s}
#stage#stage #content .motagua .mt-item:not(.mt-revealed){opacity:0;visibility:hidden;pointer-events:none}
#stage#stage #content .motagua .mt-item.mt-prior{opacity:.78;filter:saturate(.76)}
#stage#stage #content .motagua .mt-item.mt-active{opacity:1;filter:none;border-color:var(--mt-hl);box-shadow:0 0 0 4px color-mix(in srgb,var(--mt-hl) 28%,transparent),0 20px 48px rgba(0,0,0,.22)}
#stage#stage #content .motagua .mt-copy{min-width:0}.motagua .mt-t{font-size:35px;font-weight:900;line-height:1.03;overflow-wrap:anywhere}.motagua .mt-s{margin-top:8px;font-size:23px;font-weight:650;line-height:1.16;opacity:.78;overflow-wrap:anywhere}.motagua .mt-icon{display:grid;place-items:center;flex:0 0 auto;width:55px;height:55px;border-radius:17px;color:var(--mt-hl);background:color-mix(in srgb,var(--mt-hl) 22%,transparent);font-size:30px;line-height:1}.motagua .mt-icon-empty{display:none}.motagua .mt-connector{opacity:0;visibility:hidden;transition:opacity .23s,visibility .23s,stroke-dashoffset .3s}.motagua .mt-connector.mt-revealed{opacity:.56;visibility:visible}.motagua .mt-connector.mt-active{opacity:1}

/* Timeline: one geometry controls rail, points and alternating cards. */
#stage#stage #content .motagua .mt-timeline{position:relative;min-height:530px;overflow:visible}.motagua .mt-timeline-horizontal .mt-timeline-rail{position:absolute;left:5%;right:5%;top:50%;height:4px;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--mt-hl) 35%,transparent),var(--mt-hl),color-mix(in srgb,var(--mt-hl) 35%,transparent));opacity:.76}.motagua .mt-timeline-horizontal .mt-timeline-point{position:absolute;left:var(--mt-x);top:0;bottom:0;width:0}.motagua .mt-timeline-horizontal .mt-timeline-marker{position:absolute;left:0;top:50%;translate:-50% -50%;z-index:3;width:20px;height:20px;border-radius:50%;background:var(--mt-hl);border:5px solid var(--mt-ink);box-shadow:0 0 0 5px color-mix(in srgb,var(--mt-hl) 18%,transparent)}.motagua .mt-timeline-horizontal .mt-timeline-link{position:absolute;left:-2px;top:calc(50% - 46px);width:4px;height:92px;background:color-mix(in srgb,var(--mt-hl) 62%,transparent)}.motagua .mt-timeline-horizontal .mt-timeline-card{position:absolute;z-index:2;left:0;translate:-50% 0;display:flex;gap:15px;width:clamp(184px,18.5vw,286px);min-height:100px;padding:15px 17px}.motagua .mt-timeline-horizontal .mt-timeline-bottom .mt-timeline-card{top:calc(50% + 43px)}.motagua .mt-timeline-horizontal .mt-timeline-top .mt-timeline-card{bottom:calc(50% + 43px)}.motagua .mt-timeline-card .mt-t{font-size:27px}.motagua .mt-timeline-card .mt-s{font-size:19px;margin-top:5px}.motagua .mt-timeline-card .mt-icon{width:43px;height:43px;border-radius:13px;font-size:24px}
/* Vertical is intentionally a separate composition: the rail stays clear of
   the alternating cards, which makes eight compact milestones readable. */
.motagua .mt-timeline-vertical{min-height:548px}.motagua .mt-timeline-vertical .mt-timeline-rail{position:absolute;left:50%;top:4%;bottom:4%;width:4px;border-radius:99px;background:linear-gradient(color-mix(in srgb,var(--mt-hl) 35%,transparent),var(--mt-hl),color-mix(in srgb,var(--mt-hl) 35%,transparent));opacity:.76}.motagua .mt-timeline-vertical .mt-timeline-point{position:absolute;left:0;right:0;top:var(--mt-y);height:0}.motagua .mt-timeline-vertical .mt-timeline-marker{position:absolute;left:50%;top:0;translate:-50% -50%;z-index:3;width:20px;height:20px;border-radius:50%;background:var(--mt-hl);border:5px solid var(--mt-ink);box-shadow:0 0 0 5px color-mix(in srgb,var(--mt-hl) 18%,transparent)}.motagua .mt-timeline-vertical .mt-timeline-link{position:absolute;left:calc(50% - 46px);top:-2px;width:92px;height:4px;background:color-mix(in srgb,var(--mt-hl) 62%,transparent)}.motagua .mt-timeline-vertical .mt-timeline-card{position:absolute;z-index:2;top:0;translate:0 -50%;display:flex;gap:13px;width:43%;min-height:62px;padding:10px 13px}.motagua .mt-timeline-vertical .mt-timeline-right .mt-timeline-card{left:calc(50% + 45px)}.motagua .mt-timeline-vertical .mt-timeline-left .mt-timeline-card{right:calc(50% + 45px)}.motagua .mt-timeline-vertical .mt-timeline-card .mt-t{font-size:22px}.motagua .mt-timeline-vertical .mt-timeline-card .mt-s{font-size:16px;margin-top:3px}.motagua .mt-timeline-vertical .mt-timeline-card .mt-icon{width:34px;height:34px;border-radius:10px;font-size:18px}

/* Matrix: two relaxed quadrants; suitable for contrasts, choices and 2×2 maps. */
#stage#stage #content .motagua .mt-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-height:492px;align-content:center}.motagua .mt-matrix-cell{display:flex;gap:22px;align-items:flex-start;min-height:205px;padding:28px 30px}.motagua .mt-matrix-cell .mt-t{font-size:39px}.motagua .mt-matrix-cell .mt-s{font-size:24px}

/* Cycle: the SVG only gives the eye direction; readable cards sit above it. */
#stage#stage #content .motagua .mt-cycle{height:552px;position:relative;isolation:isolate}.motagua .mt-cycle-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.motagua .mt-cycle-link{fill:none;stroke:color-mix(in srgb,var(--mt-hl) 76%,var(--mt-ink));stroke-width:3.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.9}.motagua .mt-cycle-centre{position:absolute;z-index:3;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:300px;min-height:106px;padding:21px 31px;border-radius:28px;background:var(--mt-hl);color:#181818;text-align:center;font:900 34px/1.02 var(--tfont,var(--font));letter-spacing:-.035em;box-shadow:0 17px 40px rgba(0,0,0,.22)}.motagua .mt-cycle-node{position:absolute;z-index:2;translate:-50% -50%;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:11px;align-items:center;width:var(--mt-cycle-node-w,254px);min-height:92px;padding:14px 16px;background:color-mix(in srgb,var(--mt-card) 97%,var(--mt-ink) 3%);box-shadow:0 11px 28px rgba(0,0,0,.16)}.motagua .mt-cycle-node:after{content:"";width:40px;height:1px}.motagua .mt-cycle-node .mt-copy{text-align:center}.motagua .mt-cycle-node .mt-t{font-size:26px;white-space:normal;overflow-wrap:normal;word-break:normal}.motagua .mt-cycle-node .mt-s{font-size:18px;margin-top:4px}.motagua .mt-cycle-node .mt-icon{width:40px;height:40px;border-radius:12px;font-size:22px}.motagua .mt-cycle[data-dense="1"] .mt-cycle-node{grid-template-columns:32px minmax(0,1fr) 32px;min-height:78px;padding:11px 13px}.motagua .mt-cycle[data-dense="1"] .mt-cycle-node:after{width:32px}.motagua .mt-cycle[data-dense="1"] .mt-cycle-node .mt-t{font-size:22px}.motagua .mt-cycle[data-dense="1"] .mt-cycle-node .mt-s{display:none}.motagua .mt-cycle[data-dense="1"] .mt-cycle-node .mt-icon{width:32px;height:32px;border-radius:10px;font-size:18px}

/* Pyramid: widths do the visual work; there are no faux 3D faces. */
#stage#stage #content .motagua .mt-pyramid{position:relative;min-height:528px}.motagua .mt-pyramid-tier{position:absolute;left:50%;top:50%;translate:-50% -50%;min-width:330px;max-width:100%}.motagua .mt-pyramid-card{display:grid;grid-template-columns:43px minmax(0,1fr) 43px;align-items:center;column-gap:20px;min-height:78px;padding:17px 24px;border-radius:16px}.motagua .mt-pyramid-card:after{content:"";width:43px;height:1px}.motagua .mt-pyramid-card .mt-copy{text-align:center}.motagua .mt-pyramid-card .mt-t{font-size:31px}.motagua .mt-pyramid-card .mt-s{font-size:20px;margin-top:4px}.motagua .mt-pyramid-card .mt-icon{width:43px;height:43px;border-radius:13px;font-size:23px}

/* Stats: deliberately editorial — big numerals and captions, not chart widgets. */
#stage#stage #content .motagua .mt-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;min-height:480px;align-content:center}.motagua .mt-stat{position:relative;min-height:212px;padding:29px 30px}.motagua .mt-stat .mt-icon{position:absolute;right:26px;top:25px;width:47px;height:47px;border-radius:14px;font-size:25px}.motagua .mt-stat .mt-stat-v{max-width:88%;font:900 77px/.9 var(--tfont,var(--font));letter-spacing:-.065em;color:var(--mt-hl);overflow-wrap:anywhere}.motagua .mt-stat .mt-t{margin-top:18px;font-size:29px}.motagua .mt-stat.mt-stat-single .mt-t{display:none}.motagua .mt-stat .mt-s{font-size:20px}.motagua .mt-stats:has(.mt-stat:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr));min-height:520px}.motagua .mt-stats:has(.mt-stat:nth-child(4)) .mt-stat{min-height:180px}

/* Quote: title is the quote; optional item cards become restrained footnotes. */
#stage#stage #content .motagua .mt-quote{min-height:510px;display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;align-content:center}.motagua .mt-quote-mark{font:900 220px/.65 Georgia,serif;color:var(--mt-hl);opacity:.9}.motagua .mt-quote-copy{padding:13px 35px 26px 0}.motagua .mt-quote-text{margin:0;font:900 66px/1.04 var(--tfont,var(--font));letter-spacing:-.055em;max-width:1420px}.motagua .mt-quote-author{display:block;margin-top:31px;color:var(--mt-hl);font-size:28px;font-style:normal;font-weight:850}.motagua .mt-quote-notes{grid-column:2;display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.motagua .mt-quote-note{display:flex;gap:10px;align-items:center;flex:1 1 260px;min-height:64px;padding:12px 15px;border-radius:14px;box-shadow:none}.motagua .mt-quote-note .mt-t{font-size:23px}.motagua .mt-quote-note .mt-s{display:none}.motagua .mt-quote-note .mt-icon{width:35px;height:35px;border-radius:10px;font-size:19px}

/* Media keeps the actual image/video large; the words only give it context. */
#stage#stage #content .motagua .mt-media{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:48px;align-items:center;min-height:508px}.motagua .mt-media-left .mt-media-visual{order:0}.motagua .mt-media-left .mt-media-copy{order:1}.motagua .mt-media-right .mt-media-copy{order:0}.motagua .mt-media-right .mt-media-visual{order:1}.motagua .mt-media-visual{min-width:0}.motagua .mt-media-hero{position:relative;display:grid;place-items:center;overflow:hidden;min-height:420px;border-radius:28px;background:#f2eee6;box-shadow:0 22px 54px rgba(0,0,0,.23)}.motagua .mt-media-hero>.pic,.motagua .mt-media-hero>img{display:block;width:100%;height:420px;object-fit:contain;object-position:center;background:#f2eee6;opacity:1}.motagua .mt-media-hero .media-video{width:100%;height:420px;object-fit:cover;position:relative;background:#111;opacity:1}.motagua .mt-media-empty:before{content:"Медиа";font-size:27px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;opacity:.42}.motagua .mt-media-items{display:flex;flex-direction:column;gap:15px}.motagua .mt-media-item{display:flex;gap:17px;align-items:flex-start;padding:20px 22px;min-height:88px}.motagua .mt-media-item .mt-t{font-size:30px}.motagua .mt-media-item .mt-s{font-size:21px;margin-top:5px}.motagua .mt-media-item .mt-icon{width:45px;height:45px;border-radius:14px;font-size:24px}

/* Hierarchy: one source, a fine trunk and a calm row of outcomes. */
#stage#stage #content .motagua .mt-hierarchy{position:relative;min-height:530px;padding-top:22px}.motagua .mt-hierarchy-network{position:absolute;z-index:1;inset:0;width:100%;height:530px;overflow:visible;pointer-events:none}.motagua .mt-hierarchy-bus,.motagua .mt-hierarchy-link{fill:none;stroke:color-mix(in srgb,var(--mt-hl) 70%,var(--mt-ink));stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.motagua .mt-hierarchy-link.mt-active{opacity:.62}.motagua .mt-hierarchy-root{position:relative;z-index:2;width:min(560px,54%);height:110px;margin:0 auto;display:grid;place-items:center;padding:20px 28px;border-radius:20px;background:var(--mt-hl);color:#181818;text-align:center;font:900 42px/1 var(--tfont,var(--font));letter-spacing:-.045em;box-shadow:0 15px 36px rgba(0,0,0,.19)}.motagua .mt-hierarchy-children{position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--mt-count),minmax(0,1fr));gap:13px;margin-top:89px}.motagua .mt-hierarchy-child{position:relative;min-width:0;display:flex}.motagua .mt-hierarchy-child>.mt-hierarchy-card{flex:1 1 auto;min-width:0}.motagua .mt-hierarchy-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;min-height:130px;padding:16px 12px;background:color-mix(in srgb,var(--mt-card) 96%,var(--mt-ink) 4%)}.motagua .mt-hierarchy-card .mt-copy{text-align:center}.motagua .mt-hierarchy-card .mt-t{font-size:27px}.motagua .mt-hierarchy-card .mt-s{font-size:18px;margin-top:5px}.motagua .mt-hierarchy-card .mt-icon{width:39px;height:39px;border-radius:12px;font-size:21px}.motagua .mt-hierarchy-children:has(.mt-hierarchy-child:nth-child(7)){gap:13px}.motagua .mt-hierarchy-children:has(.mt-hierarchy-child:nth-child(7)) .mt-hierarchy-card{padding:14px 13px}.motagua .mt-hierarchy-children:has(.mt-hierarchy-child:nth-child(7)) .mt-hierarchy-card .mt-t{font-size:23px}.motagua .mt-hierarchy-children:has(.mt-hierarchy-child:nth-child(7)) .mt-hierarchy-card .mt-s{display:none}

/* Narrower camera column and the in-dashboard iframe retain hierarchy instead of overlap. */
#stage#stage #content .motagua .mt-stats:has(.mt-stat:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr));min-height:520px}
#stage#stage #content .motagua .mt-hierarchy-child:nth-child(n+5){margin-top:0}.motagua .mt-hierarchy-children:has(.mt-hierarchy-child:nth-child(6)) .mt-hierarchy-card{padding:14px 12px}.motagua .mt-hierarchy-children:has(.mt-hierarchy-child:nth-child(6)) .mt-hierarchy-card .mt-t{font-size:23px}.motagua .mt-hierarchy-children:has(.mt-hierarchy-child:nth-child(6)) .mt-hierarchy-card .mt-s{display:none}.motagua .mt-hierarchy-children:has(.mt-hierarchy-child:nth-child(8)) .mt-hierarchy-card{padding:13px 10px}.motagua .mt-hierarchy-children:has(.mt-hierarchy-child:nth-child(8)) .mt-hierarchy-card .mt-t{font-size:21px}.motagua .mt-hierarchy-children:has(.mt-hierarchy-child:nth-child(8)) .mt-icon{display:none}
#stage.nocam #content .semantic.motagua{max-width:1750px}@media (max-width:1500px){.motagua .mt-cycle-centre{width:280px;min-height:106px;font-size:30px}.motagua .mt-media{gap:30px}.motagua .mt-quote-text{font-size:57px}.motagua .mt-stat .mt-stat-v{font-size:65px}.motagua .mt-timeline-card .mt-t{font-size:24px}}

/* Бенто: одна главная плитка и несколько поменьше; раскладка по числу пунктов (data-n). */
#stage#stage #content .motagua .mt-bento{display:grid;gap:22px;min-height:500px;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-auto-rows:1fr}
.motagua .mt-bento[data-n="1"]{grid-template-columns:1fr;grid-template-rows:1fr}.motagua .mt-bento[data-n="2"]{grid-template-columns:1.35fr 1fr;grid-template-rows:1fr}
.motagua .mt-bento[data-n="3"]{grid-template-columns:1.35fr 1fr}.motagua .mt-bento[data-n="4"] .mt-bento-cell:nth-child(2){grid-column:span 2}
.motagua .mt-bento[data-n="6"]{grid-template-columns:1.3fr 1fr 1fr 1fr}.motagua .mt-bento[data-n="6"] .mt-bento-cell:nth-child(6){grid-column:span 2}
.motagua .mt-bento-cell{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:28px 30px;min-height:0}
.motagua .mt-bento-main{grid-row:span 2;padding:38px 40px}.motagua .mt-bento[data-n="1"] .mt-bento-main,.motagua .mt-bento[data-n="2"] .mt-bento-main{grid-row:auto}
.motagua .mt-bento-cell .mt-t{font-size:33px}.motagua .mt-bento-cell .mt-s{font-size:22px}
.motagua .mt-bento-main .mt-t{font-size:56px;line-height:1}.motagua .mt-bento-main .mt-s{font-size:27px;margin-top:12px}.motagua .mt-bento-main .mt-icon{width:84px;height:84px;border-radius:24px;font-size:46px}
.motagua .mt-bento-cell .mt-icon-empty{display:none}

/* Чек-лист: кольцо прорисовывается, внутри ставится галочка; активный пункт подсвечен как обычно. */
#stage#stage #content .motagua .mt-check{display:flex;flex-direction:column;justify-content:center;gap:16px;min-height:480px;max-width:1380px}
.motagua .mt-check-row{display:flex;align-items:center;gap:24px;padding:18px 28px}
.motagua .mt-check-mark{flex:0 0 auto;width:58px;height:58px;overflow:visible;fill:none;stroke:color-mix(in srgb,var(--mt-hl) 62%,var(--mt-cardink));stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.motagua .mt-check-ring,.motagua .mt-check-tick{stroke-dasharray:1 2;stroke-dashoffset:0}.motagua .mt-check-ring{fill:color-mix(in srgb,var(--mt-hl) 16%,transparent)}.motagua .mt-check-tick{stroke-width:5.5}
.motagua .mt-check-row .mt-icon{width:48px;height:48px;border-radius:14px;font-size:26px}.motagua .mt-check-row .mt-icon-empty{display:none}
.motagua .mt-check-row .mt-t{font-size:37px}.motagua .mt-check-row .mt-s{font-size:23px;margin-top:4px}
.motagua .mt-check:has(.mt-check-row:nth-child(6)) .mt-check-row{padding:12px 24px}.motagua .mt-check:has(.mt-check-row:nth-child(6)) .mt-t{font-size:31px}.motagua .mt-check:has(.mt-check-row:nth-child(6)) .mt-check-mark{width:48px;height:48px}