/* «О Марии» (.ma-), «Метод» (.mt-), «Соцсети» (.sc-) — волна правок 20.10. Только токены tokens.css.
   Исключения как в components.css: подложка фото Марии (иллюстрация) и белое кольцо вокруг фото на небе.
   Лендинг-блоки, персонаж, звёзды, небо — из библиотеки (h.hero, h.section, h.steps …); здесь только подгонка модификаторами. */

/* ═════════ общее ═════════ */
.ma-stub { display: inline; font-size: .86em; font-weight: var(--fw-semibold); color: var(--accent-ink); white-space: normal; }
.ma-fine { margin-top: var(--s-5); padding: 0 var(--s-2); text-align: center; font-size: var(--fs-1); line-height: var(--lh-1); color: var(--ink-3); }
.ma-stack { display: flex; flex-direction: column; gap: var(--s-3); }
.ma-more { margin-top: var(--s-3); }
.ma-ic { flex: none; width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; }
.ma-ic--sky { background: var(--primary-soft); color: var(--on-primary-soft); }
.ma-ic--rose { background: var(--rose); color: var(--on-rose); }
.ma-ic--sun { background: var(--sun); color: var(--on-sun); }

/* ═════════ MA-01 · 1 шапка ═════════ */
.ma-hero .ld-hero__in { padding: calc(var(--status-h) + 60px) var(--s-5) 68px; }
.ma-portrait { position: relative; width: 132px; height: 132px; margin-bottom: var(--s-4); }
.ma-portrait__halo { position: absolute; inset: -18px; border-radius: 50%;
  background: radial-gradient(circle, var(--spark) 0%, transparent 70%); opacity: .55; --breathe: 1.12; }
.ma-portrait__ph { position: absolute; inset: 0; border-radius: 50%; overflow: hidden; background: #F4D9C4; box-shadow: 0 0 0 4px rgba(255,255,255,.9), var(--sh-2); }
[data-theme="dark"] .ma-portrait__ph { background: #3A2E52; box-shadow: 0 0 0 4px rgba(255,255,255,.28), var(--sh-2); }
.ma-portrait__ph img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 22%; transform: scale(1.32); transform-origin: 50% 30%; }
.ma-hero .ld-hero__text { max-width: 300px; }
/* v3 (С5, критика 23.10): облака more — только в небе над фото и по бокам от него, не под логотипом, мини-солнцем, подписью и именем.
   Шапка MA-01 высокая (~614 px), поэтому процент ядра (inset: 0 0 46% 0) доходил до «О МАРИИ · ПСИХОЛОГ РЕШЕНИЯ».
   Зона в px: от низа логотипа/мини-солнца (status-h + 50) на 190 px — до ~287 px, подпись стоит на ~302 px.
   Центр зоны занят фото (x 111–279 с ореолом): облака раскиданы по краям, одно маленькое — над фото; размах дрейфа не заводит их на фото.
   Перебиваем правило ядра .ld-hero .ld-hero__clouds.clouds (0,3,0) — здесь (0,4,0). Позиции — px от зоны, ширина — свой размер. */
.ld-hero.ma-hero > .ld-hero__clouds.clouds { inset: calc(var(--status-h) + 50px) 0 auto 0; height: 190px; bottom: auto; }
.ma-hero .ld-hero__clouds .cloud--1 { left: calc(100% - 92px); top: 0; }                    /* справа сверху, под мини-солнцем, 120 px */
.ma-hero .ld-hero__clouds .cloud--2 { left: -38px; top: 100px; }                            /* слева посередине, 96 px, уходит за край */
.ma-hero .ld-hero__clouds .cloud--3 { left: calc(100% - 86px); top: 90px; }                 /* справа посередине, 64 px */
.ma-hero .ld-hero__clouds .cloud--4 { left: 8px; top: 8px; }                                /* слева сверху, под логотипом, 72 px */
.ma-hero .ld-hero__clouds .cloud--5 { left: calc(100% - 64px); top: 134px; width: 96px; }   /* справа внизу, уходит за край */
.ma-hero .ld-hero__clouds .cloud--6 { left: calc(50% - 27px); top: 4px; }                   /* маленькое — в небе над фото */
/* нижние облака ближе всего к подписи — чуть прозрачнее */
.ma-hero .ld-hero__clouds :is(.cloud--2, .cloud--5) { opacity: calc(var(--o, .9) * .55); }
[data-theme="dark"] .ma-hero .ld-hero__clouds :is(.cloud--2, .cloud--5) { opacity: calc(var(--o, .9) * .12); }
.ma-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: var(--s-3); }
.ma-chips span { min-height: 28px; padding: 4px 12px; border-radius: var(--r-pill); display: inline-flex; align-items: center;
  background: var(--scrim); box-shadow: inset 0 0 0 1px var(--scrim-line); color: var(--on-scene); font-size: var(--fs-1); line-height: var(--lh-1); font-weight: var(--fw-semibold); }
.ma-hero .ma-hero__dm { margin-top: var(--s-4); width: auto; min-width: 220px; background: transparent; color: var(--on-scene); box-shadow: inset 0 0 0 2px var(--scrim-line); }

/* ═════════ 2 как проходит встреча ═════════ */
.ma-how__video { margin-bottom: var(--s-5); }
.ma-how__steps .ld-step { padding-right: 52px; }
.ma-how__sunny { position: absolute; right: 0; top: 0; }
.ma-how .ld-cta { margin-top: var(--s-5); }

/* ═════════ 3 метод ═════════ */
.ma-mcard__head { display: flex; align-items: center; gap: var(--s-3); }
.ma-mcard__title { font-size: var(--fs-4); line-height: 24px; font-weight: var(--fw-bold); color: var(--ink); }
.ma-mcard__text { margin-top: var(--s-3); font-size: var(--fs-3); line-height: var(--lh-3); color: var(--ink); }
.ma-mcard__note { margin-top: var(--s-3); padding: var(--s-3); border-radius: 16px; display: flex; gap: var(--s-2); background: var(--field);
  box-shadow: inset 0 0 0 1px var(--line); font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.ma-mcard__note .ic { flex: none; margin-top: 2px; color: var(--accent-ink); }

.ma-fast.card { display: flex; flex-direction: column; gap: var(--s-3); }
.ma-fast__title { font-size: var(--fs-4); line-height: 24px; font-weight: var(--fw-bold); color: var(--ink); }
.ma-fast__ba { padding: var(--s-3) var(--s-2) var(--s-2); border-radius: 18px; background: var(--sun-muted); }
.ma-fast__subs { display: flex; justify-content: space-between; gap: var(--s-3); margin-top: 2px; font-size: var(--fs-1); line-height: var(--lh-1); color: var(--ink-2); }
.ma-fast__subs span { max-width: 44%; }
.ma-fast__subs span:last-child { text-align: right; }
.ma-fast__cap { margin-top: var(--s-2); text-align: center; font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.ma-fast__note { font-size: var(--fs-1); line-height: var(--lh-1); color: var(--ink-3); }
.ma-fast__text { font-size: var(--fs-3); line-height: var(--lh-3); color: var(--ink); }

/* ═════════ 3а статьи и видео о методе: карусель h.mediaCard (v3) — и на MT-1 «В СМИ» ═════════ */
.ma-media__item { display: flex; flex-direction: column; gap: var(--s-2); }
.ma-media__item > .media-card { flex: 1; height: auto; }
.ma-media__about { padding: 0 var(--s-1); font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.ma-media .ma-more { margin-top: var(--s-4); }

/* ═════════ 4 галерея: 8 плиток — первая и последняя во всю ширину ═════════ */
.ma-gallery .ld-gallery__tile:last-child:nth-child(even) { grid-column: 1 / -1; aspect-ratio: 16 / 9; }

/* ═════════ 5 образование и практика ═════════ */
.ma-dips { margin: 0; padding: var(--s-2) var(--s-4); list-style: none; }
.ma-dip { display: flex; align-items: center; gap: var(--s-3); padding: var(--s-3) 0; }
.ma-dip + .ma-dip { border-top: 1px solid var(--line); }
.ma-dip__mark { flex: none; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: var(--fw-bold); letter-spacing: .02em;
  box-shadow: inset 0 0 0 3px var(--surface), 0 0 0 2px currentColor; }
.ma-dip__mark--sky { background: var(--primary-soft); color: var(--on-primary-soft); }
.ma-dip__mark--rose { background: var(--rose); color: var(--on-rose); }
.ma-dip__mark--sun { background: var(--sun); color: var(--on-sun); }
.ma-dip__text { min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.ma-dip__text b { font-size: var(--fs-3); line-height: 22px; font-weight: var(--fw-semibold); color: var(--ink); }
.ma-facts { margin-top: var(--s-3); }
.ma-fact { min-height: 96px; padding: var(--s-3) var(--s-4); display: flex; flex-direction: column; justify-content: center; gap: 2px;
  font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.ma-fact__v { font-size: var(--fs-5); line-height: var(--lh-5); font-weight: var(--fw-bold); color: var(--ink); font-variant-numeric: tabular-nums; }
.ma-fact__v--stub { color: var(--accent-ink); }

/* ═════════ 6 контраст ═════════ */
.ma-vs__box { position: relative; padding: var(--s-4) var(--s-3) var(--s-3); border-radius: var(--r-1); background: var(--surface); box-shadow: var(--sh-1); border: 1px solid var(--card-border); }
.ma-vs__head { display: grid; grid-template-columns: 1fr 22px 1fr; gap: 6px; padding: 0 0 var(--s-2); font-size: var(--fs-1); line-height: var(--lh-1); font-weight: var(--fw-semibold);
  letter-spacing: var(--caps-track); text-transform: uppercase; color: var(--ink-3); }
.ma-vs__head span:first-child { padding-left: 12px; }
.ma-vs__head span:nth-child(2) { grid-column: 3; padding-left: 12px; color: var(--accent-ink); }
.ma-vs__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.ma-vs__row { display: grid; grid-template-columns: 1fr 22px 1fr; gap: 6px; align-items: stretch; }
.ma-vs__was, .ma-vs__now { padding: 10px 12px; border-radius: 14px; font-size: var(--fs-2); line-height: var(--lh-2); }
.ma-vs__was { background: var(--field); color: var(--ink-3); box-shadow: inset 0 0 0 1px var(--line); }
.ma-vs__now { background: var(--sun-muted); color: var(--ink); font-weight: var(--fw-semibold); }
.ma-vs__arrow { align-self: center; justify-self: center; color: var(--accent); }
.ma-vs__foot { margin-top: var(--s-3); padding: 0 var(--s-1); font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.ma-vs .ld-cta { margin-top: var(--s-4); }

/* ═════════ 7 отзывы ═════════ */
.ma-q__short { display: block; margin-bottom: var(--s-1); font-weight: var(--fw-semibold); }
.ma-reviews .ld-quote__text { font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.ma-reviews .ld-quote__text b { font-size: var(--fs-3); line-height: var(--lh-3); color: var(--ink); }
.ma-reviews__all { margin-top: var(--s-2); }

/* ═════════ 8 где проходят встречи ═════════ */
.ma-place { overflow: hidden; }
.ma-place + .ma-place { margin-top: var(--s-3); }
.ma-place__photo { height: 148px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: var(--on-scene);
  background: linear-gradient(160deg, var(--sky-1) 0%, var(--sky-2) 55%, var(--sky-3) 100%); font-size: var(--fs-2); line-height: var(--lh-2); font-weight: var(--fw-semibold); }
.ma-place__photo small { font-size: var(--fs-1); line-height: var(--lh-1); font-weight: var(--fw-medium); color: var(--on-scene-2); }
.ma-place__body { padding: var(--s-4); }
.ma-place__head { display: flex; align-items: center; gap: var(--s-3); }
.ma-place__head h3 { font-size: var(--fs-4); line-height: 24px; font-weight: var(--fw-bold); color: var(--ink); }
.ma-place__body p { margin-top: var(--s-3); font-size: var(--fs-3); line-height: var(--lh-3); color: var(--ink); }
.ma-place__body .ma-place__muted { margin-top: var(--s-2); font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.ma-place--online { display: flex; flex-direction: column; }
.ma-globe { position: relative; height: 148px; display: grid; place-items: center; background: var(--primary-soft); }
.ma-globe > svg { width: 116px; height: 116px; fill: none; stroke: var(--on-primary-soft); stroke-width: 1.5; opacity: .55; }
.ma-globe__dots circle { fill: var(--accent); stroke: none; opacity: 1; }
.ma-globe__dots circle { animation: joy-breathe 3s ease-in-out infinite; transform-box: fill-box; transform-origin: center; --breathe: 1.5; }
.ma-globe__dots circle:nth-child(2) { animation-delay: -.6s; } .ma-globe__dots circle:nth-child(3) { animation-delay: -1.2s; }
.ma-globe__dots circle:nth-child(4) { animation-delay: -1.8s; } .ma-globe__dots circle:nth-child(5) { animation-delay: -2.4s; }
@media (prefers-reduced-motion: reduce) { .ma-globe__dots circle { animation: none; } }
.ma-where__pick { margin-top: var(--s-4); padding: 0 var(--s-1); }
.ma-where__label { display: block; margin-bottom: var(--s-2); font-size: var(--fs-2); line-height: var(--lh-2); font-weight: var(--fw-semibold); color: var(--ink-2); }
.ma-where .ld-cta { margin-top: var(--s-3); }

/* ═════════ 9 бонус · 10 FAQ · 11 финал (плашка night) ═════════ */
.ma-social .ld-social__bonus-text .ma-stub { color: var(--on-sun); text-decoration: underline dotted; }
.ma-final__dm { margin-top: var(--s-2); }

/* ═════════ MA-02 ═════════ */
.ma2-hero .ld-hero__in, .sc-hero .ld-hero__in { padding-bottom: 52px; }
.ma2-sec { margin-top: var(--s-5); }
.ma-src { margin: 0; padding: var(--s-2) var(--s-4); list-style: none; }
.ma-src li { display: flex; flex-direction: column; gap: 2px; padding: var(--s-3) 0; font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.ma-src li + li { border-top: 1px solid var(--line); }
.ma-src b { font-size: var(--fs-3); line-height: 22px; font-weight: var(--fw-semibold); color: var(--ink); }

/* ═════════ Метод ═════════ */
.mt-hero .ld-hero__in { padding-bottom: 64px; }
.mt-hero .ld-hero__title { max-width: 310px; }
.mt-hero__meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: var(--s-3); }
.mt-hero__meta span { min-height: 28px; padding: 4px 12px 4px 10px; border-radius: var(--r-pill); display: inline-flex; align-items: center; gap: 6px;
  background: var(--scrim); box-shadow: inset 0 0 0 1px var(--scrim-line); color: var(--on-scene); font-size: var(--fs-1); line-height: var(--lh-1); font-weight: var(--fw-semibold); }

.mt-feed { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--s-2); }
.mt-card { display: flex; align-items: center; gap: var(--s-3); padding: var(--s-2) var(--s-3) var(--s-2) var(--s-2); }
.mt-card { align-items: stretch; }
.mt-card__video { flex: none; width: 84px; align-self: center; }
.mt-card .video { border-radius: 18px; }
.mt-card .video__play { width: 40px; height: 40px; padding-left: 3px; }
.mt-card .video__play .ic { width: 18px; height: 18px; }
.mt-card .video__time { right: 6px; bottom: 6px; height: 20px; padding: 0 6px; }
.mt-card__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.mt-card__over { display: flex; align-items: center; gap: var(--s-2); font-size: var(--fs-1); line-height: var(--lh-1); font-weight: var(--fw-semibold); letter-spacing: var(--caps-track); text-transform: uppercase; color: var(--accent-ink); }
.mt-card__done { display: none; align-items: center; gap: 3px; padding: 1px 8px 1px 5px; border-radius: var(--r-pill); background: var(--success-soft); color: var(--success); letter-spacing: 0; text-transform: none; }
.mt-card.is-read .mt-card__done { display: inline-flex; }
.mt-card__title { font-size: var(--fs-3); line-height: 22px; font-weight: var(--fw-semibold); color: var(--ink); }
.mt-card__row { display: flex; align-items: center; justify-content: space-between; gap: var(--s-2); margin-top: 2px; }
.mt-card__meta { min-width: 0; display: inline-flex; align-items: center; gap: 5px; font-size: var(--fs-1); line-height: var(--lh-1); color: var(--ink-2); white-space: nowrap; }
.mt-card__meta .ic { flex: none; color: var(--ink-3); }
.mt-card .mt-card__go { flex: none; min-height: var(--tap); padding: 0 14px; font-size: var(--fs-2); }
.mt-card.is-read { box-shadow: inset 0 0 0 2px var(--success-soft), var(--sh-1); }

/* статья */
.mt-first { margin-top: var(--s-6); }
.mt-first .ld-section__head { margin-bottom: var(--s-2); }
.mt-sheet .topbar + .mt-art { margin-top: 0; }
.mt-topbar__brand { display: flex; align-items: center; justify-content: flex-start; padding-left: var(--s-1); }
.mt-progress { display: flex; gap: 6px; margin: 0 0 var(--s-1); }
.mt-progress__seg { flex: 1; height: var(--tap); display: flex; align-items: center; }
.mt-progress__seg i { display: block; width: 100%; height: 6px; border-radius: var(--r-pill); background: var(--track); }
.mt-progress__seg.is-past i { background: var(--fill-b); opacity: .55; }
.mt-progress__seg.is-now i { background: var(--accent); }
.mt-art__head { margin-top: var(--s-4); padding: 0 var(--s-1); }
.mt-art__over { font-size: var(--fs-1); line-height: var(--lh-1); font-weight: var(--fw-semibold); letter-spacing: var(--caps-track); text-transform: uppercase; color: var(--accent-ink); }
.mt-art__title { margin-top: var(--s-1); font-size: 26px; line-height: 32px; font-weight: var(--fw-bold); letter-spacing: -.01em; color: var(--ink); }
.mt-art__body { margin-top: var(--s-3); display: flex; flex-direction: column; gap: var(--s-3); padding: 0 var(--s-1); }
.mt-art__p { font-size: var(--fs-3); line-height: var(--lh-3); color: var(--ink); }
.mt-art__p:first-child { font-size: var(--fs-4); line-height: 26px; font-weight: var(--fw-medium); }
.mt-outro { margin-top: var(--s-5); padding: var(--s-3) var(--s-4); border-radius: var(--r-1); display: flex; align-items: center; gap: var(--s-3);
  background: var(--sun-muted); }
.mt-outro__text { min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.mt-outro__text b { font-size: var(--fs-3); line-height: 22px; font-weight: var(--fw-semibold); color: var(--ink); }
.mt-nav { margin-top: var(--s-4); display: flex; gap: var(--s-2); }
.mt-nav .mt-nav__prev { flex: none; width: 64px; min-width: 64px; padding: 0; font-size: var(--fs-4); }
.mt-nav .mt-nav__next { flex: 1; min-width: 0; }
.mt-nav--back { justify-content: center; margin-top: var(--s-2); }
.mt-art .ld-cta { margin-top: var(--s-4); }

/* ═════════ Соцсети ═════════ */
.sc-badge { margin-top: var(--s-4); display: flex; justify-content: center; }
.sc-social { margin-top: var(--s-5); }
.sc-social .ld-social__bonus-text .ma-stub { color: var(--on-sun); text-decoration: underline dotted; }
.sc-dm { margin-top: var(--s-4); }

/* ═════════ v2 (21.10) · MA-01 отзывы: живые → почему бесплатная → после бесплатной ═════════ */
.ma-reviews .ld-quote--compact .ld-quote__text { font-size: var(--fs-3); line-height: var(--lh-3); color: var(--ink); }
/* «Почему бесплатная сессия» — плашка h.band (22.10): фото Марии маленьким кружком в eyebrow «От Марии» */
.ma-why .ld-eyebrow__text { display: inline-flex; align-items: center; gap: var(--s-2); }
.ma-why__ava { flex: none; width: 32px; height: 32px; border-radius: 50%; overflow: hidden; background: #F4D9C4; box-shadow: 0 0 0 2px var(--surface); }
[data-theme="dark"] .ma-why__ava { background: #3A2E52; }
.ma-why__ava img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 22%; transform: scale(1.32); transform-origin: 50% 30%; }
.ma-why .ld-band__cta { margin-top: var(--s-3); }
.ma-why .ma-stub { display: block; }
.ma-demo__draft { display: flex; margin: 0 0 var(--s-3); }
.ma-demo__draft .badge { height: 24px; font-size: var(--fs-1); }
.ma-demo .ma-reviews__all { margin-top: var(--s-4); }

/* ═════════ v2 (21.10) · MT-1 лендинг «Метод» ═════════ */
.mt-sec { position: relative; }
.mt-sec .ld-section__head { padding-right: 64px; }
/* персонаж у заголовка: тело секции не позиционируем, чтобы он встал от верха полосы, а не от первой карточки */
.mt-sec.ld-section--rich > .ld-section__body:has(> .mt-sec__sunny) { position: static; }
.mt-sec .ld-section__body > .mt-sec__sunny { position: absolute; z-index: 1; right: var(--gutter); top: calc(var(--band-pad) - 6px); }
.mt-what .ma-mcard__text { font-size: var(--fs-3); line-height: var(--lh-3); }

.mt-links { margin-top: var(--s-3); display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.mt-link { min-height: var(--tap); display: flex; align-items: center; justify-content: space-between; gap: var(--s-2); padding: 8px 0;
  font-size: var(--fs-2); line-height: var(--lh-2); font-weight: var(--fw-semibold); color: var(--accent-ink); text-decoration: none; }
.mt-links .mt-link + .mt-link { border-top: 1px solid var(--line); }
.mt-link .ic { flex: none; }
.mt-link--inline { display: inline-flex; justify-content: flex-start; padding: 0; margin-top: 2px; }

.mt-org.card { padding: var(--s-4) var(--s-4) var(--s-1); }
.mt-org__head { display: flex; align-items: center; gap: var(--s-3); }
.mt-org__mark { flex: none; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: var(--fw-bold); letter-spacing: .02em;
  box-shadow: inset 0 0 0 3px var(--surface), 0 0 0 2px currentColor; }
.mt-org__mark--sky { background: var(--primary-soft); color: var(--on-primary-soft); }
.mt-org__mark--rose { background: var(--rose); color: var(--on-rose); }
.mt-org__mark--sun { background: var(--sun); color: var(--on-sun); }
.mt-org__name { min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.mt-org__name b { font-size: var(--fs-3); line-height: 22px; font-weight: var(--fw-semibold); color: var(--ink); }
.mt-org__text { margin-top: var(--s-3); font-size: var(--fs-3); line-height: var(--lh-3); font-weight: var(--fw-medium); color: var(--ink); }
.mt-org__more { margin-top: var(--s-2); font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.mt-org__quote { margin-top: var(--s-3); padding: 10px 12px; border-radius: 14px; background: var(--field); box-shadow: inset 3px 0 0 var(--accent);
  font-size: var(--fs-2); line-height: var(--lh-2); font-style: italic; color: var(--ink-2); }

.mt-study.card { padding: var(--s-4); display: flex; flex-direction: column; gap: 6px; }
.mt-study__over { font-size: var(--fs-1); line-height: var(--lh-1); font-weight: var(--fw-semibold); letter-spacing: var(--caps-track); text-transform: uppercase; color: var(--accent-ink); }
.mt-study__who { font-size: var(--fs-4); line-height: 24px; font-weight: var(--fw-bold); color: var(--ink); }
.mt-study__who i { display: block; font-size: var(--fs-2); line-height: var(--lh-2); font-weight: var(--fw-medium); color: var(--ink-2); }
.mt-study__size { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; min-height: 28px; padding: 4px 12px 4px 10px; border-radius: var(--r-pill);
  background: var(--primary-soft); color: var(--on-primary-soft); font-size: var(--fs-1); line-height: var(--lh-1); font-weight: var(--fw-semibold); }
.mt-study__size .ic { flex: none; }
.mt-study__text { font-size: var(--fs-3); line-height: var(--lh-3); color: var(--ink); }
.mt-study .mt-link--inline { min-height: var(--tap); }
/* «Честно об ограничениях» — плашка h.band (22.10) */
.mt-limits .ld-band__cta { margin-top: var(--s-3); }
.mt-limits__more { font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.mt-ru { margin-top: var(--s-3); padding: 0 var(--s-1); }
.mt-ru .mt-link { align-items: flex-start; }

.mt-sub { margin: var(--s-4) var(--s-1) var(--s-2); font-size: var(--fs-1); line-height: var(--lh-1); font-weight: var(--fw-semibold); letter-spacing: var(--caps-track); text-transform: uppercase; color: var(--ink-3); }
.mt-sub:first-child { margin-top: 0; }
.mt-media-sec .ld-carousel + .mt-sub { margin-top: var(--s-5); }

.mt-refs { margin: var(--s-3) 0 0; padding: 0; list-style: none; }
.mt-refs li { display: flex; flex-direction: column; gap: 2px; padding: var(--s-2) 0; border-top: 1px solid var(--line); font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.mt-refs b { font-size: var(--fs-2); line-height: var(--lh-2); font-weight: var(--fw-semibold); color: var(--ink); }
.mt-refs .mt-link--inline { min-height: var(--tap); }

/* финал MT-1 — плашка night h.band (22.10) */

/* ═════════ Дизайн-проход 22.10 · ритм ленты (тона, плашки, цветные карточки — из ядра) ═════════ */
/* цветные карточки: текст карточки — на всю ширину, заметки и ссылки внутри не белые */
.ma-mcard .card__text, .mt-what .card__text, .mt-ifs .card__text { font-size: var(--fs-3); line-height: var(--lh-3); }
.card--tone .ma-mcard__note { background: var(--surface); box-shadow: none; }
.mt-ifs .mt-refs li:first-child { border-top: 0; }
/* контраст на sunset: «у Марии» — стекло с солнечной обводкой вместо светло-жёлтой плашки */
.ma-vs.ld-tone--dark .ma-vs__now { background: var(--glass); color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--acc-sun); }
.ma-vs.ld-tone--dark .ma-vs__was { color: var(--ink-2); }
.ma-vs.ld-tone--dark .ma-vs__arrow { color: var(--acc-sun); }
.ma-vs.ld-tone--dark .ma-vs__head span:nth-child(2) { color: var(--acc-ink); }
/* где проходят встречи: карточки и выбор формата — под мыслью плашки */
.ma-where .ld-band__cta { margin-top: var(--s-4); }
.ma-where .ma-where__pick { padding: 0; }
/* финальные плашки night: заявка + «Написать Марии» + сноска */
.ma-final .ld-band__cta .ma-fine, .mt-final .ld-band__cta .ma-fine { margin-top: var(--s-4); }
/* статьи MT-2…MT-5: шапка статьи на лёгком тоне */
.mt-art__top.ld-tone.has-wave { margin-top: var(--wave-h); padding-top: var(--s-2); }
.mt-art__top .mt-art__head { margin-top: var(--s-4); }
/* SC-01: соцсети внутри плашки */
.sc-band .ld-social { margin-top: 0; }
.sc-band .ld-social__sunny { display: none; }
.sc-band .sc-dm { margin-top: var(--s-3); }