/* Вторая итерация: сохраняем палитру и композицию первого этапа. */
.site-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgb(244 243 239 / .85)}.site-header.is-compact .header-inner{min-height:78px}.site-header.is-compact .brand small{display:none}
#formats-grid>[data-format=home] .format-meta,#formats-grid>[data-format=home] .format-meta>.rb-meta-pill{white-space:normal;overflow:visible}#formats-grid>[data-format=home] .format-meta>.rb-meta-pill{max-width:100%;text-wrap:pretty;line-height:1.6}
@media(min-width:701px){.process-grid::before{top:106px;left:0;right:0;height:1px}.process-index{background:transparent}}
.price-card .price-art,.price-card:nth-child(2) .price-art{opacity:.25!important}
#scenarios-grid[data-count]>.scenario-card,#scenarios-grid[data-count]>.scenario-card[data-scenario=trauma]{padding:23px;gap:15px;background:color-mix(in srgb,var(--pastel-mint) 58%,var(--paper));box-shadow:none}#scenarios-grid[data-count]>.scenario-card:nth-child(4n+2){background:color-mix(in srgb,var(--pastel-lilac) 58%,var(--paper))}#scenarios-grid[data-count]>.scenario-card:nth-child(4n+3){background:color-mix(in srgb,var(--pastel-sand) 58%,var(--paper))}#scenarios-grid[data-count]>.scenario-card:nth-child(4n){background:color-mix(in srgb,var(--pastel-rose) 58%,var(--paper))}#scenarios-grid>.scenario-card h3,#scenarios-grid>.scenario-card[data-scenario=trauma] h3{font-size:20px}
#formats-grid[data-count]>.format-card:nth-child(-n+2){display:flex;flex-direction:column;align-items:stretch;position:relative}#formats-grid>.format-card:nth-child(-n+2) .format-copy{display:flex;flex-direction:column;gap:18px;flex:1;min-width:0}#formats-grid>.format-card:nth-child(-n+2) .format-badge{align-self:flex-start;max-width:calc(100% - 90px);padding:7px 11px;border:1px solid rgb(255 255 255 / .5);border-radius:99px;font:500 12px/1.5 Manrope,Arial,sans-serif;color:white}#formats-grid>.format-card:nth-child(-n+2) .format-kind{margin-right:90px}#formats-grid>.format-card:nth-child(-n+2) .format-art{position:absolute;top:30px;right:30px}#formats-grid>.format-card:nth-child(-n+2) .format-meta{margin-top:auto}#formats-grid>.format-card:nth-child(-n+2)>.format-open{align-self:flex-start;margin-top:20px}#formats-grid>.format-card .format-copy>.format-future{align-self:flex-start;flex:none;padding:7px 12px;margin:0;background:var(--pastel-sand);color:var(--ink);border-radius:99px;font:500 14px/1.5 Manrope,Arial,sans-serif}
#formats-grid[data-count="5"]>[data-format=home]{grid-column:span 8;grid-row:span 2;background:var(--pastel-sand);padding:0 30px 30px;overflow:hidden;align-content:start}#formats-grid>[data-format=home] .format-cover{display:block;grid-column:1/-1;grid-row:1;width:calc(100% + 60px);max-width:none;height:480px;margin:0 -30px 8px;object-fit:cover;object-position:center 35%;border-radius:0}#formats-grid>[data-format=home] .format-kind{position:absolute;top:20px;left:24px;max-width:calc(100% - 48px);padding:8px 12px;border-radius:99px;background:var(--paper);color:var(--ink);font-size:12px;letter-spacing:.06em}#formats-grid>[data-format=home] .format-art{display:none}#formats-grid>[data-format=home] h3{grid-row:2}#formats-grid>[data-format=home] .format-copy>p:not(.format-kind):not(.format-meta){grid-row:3}#formats-grid>[data-format=home] .format-meta{grid-row:4}#formats-grid>[data-format=home]>.format-open{grid-row:5}
#articles-grid>.article-card,#articles-grid>.blog-catalog-card{padding:24px}#articles-grid>.article-card h3,#articles-grid>.blog-catalog-card h3{font-size:20px}#articles-grid>.article-card .article-excerpt,#articles-grid>.blog-catalog-card>p{font-size:16px}
/* Шапки двух флагманов продолжают тёмные карточки; тело остаётся светлым. */
.format-dialog-head{padding:28px 30px;margin:0 0 28px;background:var(--ink);color:white;border-radius:22px}.format-dialog-head h2,.format-dialog-head .eyebrow{color:white!important}.format-dialog-head h2{margin:12px 0 0}.format-dialog-head .eyebrow{margin:0;font-size:12px}.course-facts{padding:24px;margin:24px 0 30px;background:var(--sage);border:1px solid var(--line);border-radius:20px}.course-facts h3{margin:0 0 18px;font-size:26px}.course-facts dl{margin:0}.course-facts dl>div{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(0,1.2fr);gap:16px;padding:11px 0;border-top:1px solid var(--line)}.course-facts dt{font-weight:500}.course-facts dd{margin:0}.course-facts .course-terms{font-size:15px;line-height:1.7;margin:18px 0 0}.home-price-explanation{font-size:17px;line-height:1.6}.ohvriabi-caption{font-size:16px;line-height:1.7;padding:18px 24px;border-radius:16px;background:var(--paper);color:var(--ink);margin:16px 0 0}.no-steps-heading{margin-top:28px}
@media(hover:hover) and (pointer:fine){#formats-grid[data-count]>.format-card:hover,#scenarios-grid[data-count]>.scenario-card:hover,#articles-grid>.article-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgb(32 56 58 / .12)}.card-surface:hover .card-direction{transform:translateX(4px)}}
@media(max-width:900px){#formats-grid[data-count="5"]>[data-format=home]{grid-column:span 1;grid-row:auto;padding:0 26px 26px}#formats-grid>[data-format=home] .format-cover{width:calc(100% + 52px);margin-inline:-26px;height:230px}#formats-grid>.format-card:nth-child(-n+2) .format-art{top:26px;right:26px}}
@media(max-width:700px){.site-header.is-compact .header-inner{min-height:60px}.course-facts{padding:20px}.course-facts dl>div{grid-template-columns:1fr;gap:5px}.format-dialog-head{padding:25px 22px}.dialog-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}}
@media(max-width:600px){#formats-grid[data-count="5"]>[data-format=home]{grid-column:1;grid-row:auto}#scenarios-grid[data-count]>.scenario-card{padding:23px}}
@media(prefers-reduced-motion:reduce){.site-header .header-inner,.site-header.is-compact .header-inner{min-height:94px}.site-header.is-compact .brand small{display:block}*,*::before,*::after{animation:none!important;transition:none!important}.card-surface:hover .card-direction{transform:none!important}#formats-grid[data-count]>.format-card:hover,#scenarios-grid[data-count]>.scenario-card:hover,#articles-grid>.article-card:hover{transform:none!important}}@media(prefers-reduced-motion:reduce) and (max-width:700px){.site-header .header-inner,.site-header.is-compact .header-inner{min-height:76px}}
#formats-grid>.format-card .format-copy>p.format-future:not(.format-kind):not(.format-meta){color:var(--ink);font:500 14px/1.5 Manrope,Arial,sans-serif}
