/* Журнал Трансклика — собственная дизайн-система раздела (независимая от styles.css сайта). Журнальный стиль: серифные заголовки, тёплый «бумажный» фон, карточная лента, masthead. */ /* сброс (журнал отвязан от styles.css — свой минимальный reset) */ *,*::before,*::after{box-sizing:border-box;} img,svg{max-width:100%;} body[data-journal]{ margin:0; overflow-x:hidden; overflow-wrap:break-word; word-wrap:break-word; display:flex; flex-direction:column; --zh-ink:#152033; --zh-navy:#1a2f4a; --zh-teal:#2aa8b3; --zh-teal-d:#1f8691; --zh-accent:#e8893b; --zh-accent-soft:#fbeede; --zh-paper:#f6f3ec; --zh-card:#ffffff; --zh-line:#e7e2d6; --zh-muted:#6b7686; --zh-serif:Georgia,'Times New Roman',serif; --zh-sans:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; background:var(--zh-paper); color:var(--zh-ink); font-family:var(--zh-sans); -webkit-font-smoothing:antialiased; } body[data-journal] main{flex:1 0 auto;background:var(--zh-paper);} /* Иммунитет к сайтовому styles.css: ленивый калькулятор подгружает /styles.css в журнала и не убирает его. Его element-селекторы (h1..h6{color/font}) перебивают заголовки журнала, у которых цвет идёт по наследованию (hero темнел после калькулятора). Эти правила удерживают журнальную типографику на любой странице. */ body[data-journal] :is(h1,h2,h3,h4,h5,h6){font-family:var(--zh-serif);color:var(--zh-ink);} body[data-journal] .zh-hero :is(h1,h2,h3), body[data-journal] .zh-promo :is(h1,h2,h3,h4,h5,h6), body[data-journal] .zh-inline-cta :is(h1,h2,h3,h4,h5,h6){color:#fff;} /* Калькулятор журнала открывается в изолированном