/* Статейник: ведущий материал, карточки и собственная векторная графика. */
body.st-editorial-v8 .ei8-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
body.st-editorial-v8 .ei8-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #e9e4ef; border-radius: 24px; background: #fff; transition: border-color .2s, box-shadow .2s, transform .2s; }
body.st-editorial-v8 .ei8-card:hover { transform: translateY(-3px); border-color: #d5c7e9; box-shadow: 0 16px 38px #5a40700b; }
body.st-editorial-v8 .ei8-card-visual { display: block; position: relative; flex: 0 0 auto; overflow: hidden; aspect-ratio: 1.8; background: #f1edf8; }
body.st-editorial-v8 .ei8-card-visual > img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
body.st-editorial-v8 .ei8-card:hover .ei8-card-visual > img { transform: scale(1.025); }
body.st-editorial-v8 .ei8-art { position: relative; width: 100%; height: 100%; color: #9272b8; }
body.st-editorial-v8 .ei8-art > svg { display: block; width: 100%; height: 100%; opacity: .87; }
body.st-editorial-v8 .ei8-art > span { position: absolute; inset: 26% 0 auto; display: flex; justify-content: center; transform: translateX(-3%) rotate(-8deg); }
body.st-editorial-v8 .ei8-art > span > .st-icon { width: 49px; height: 49px; }
body.st-editorial-v8 .ei8-card-copy { display: flex; flex: 1; flex-direction: column; padding: 25px 26px 21px; }
body.st-editorial-v8 .ei8-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; margin-bottom: 18px; color: #766a80; font-size: 10px; line-height: 1.6; }
body.st-editorial-v8 .ei8-topic-label { color: #795a91; font-size: 10px; font-weight: 700; letter-spacing: .04em; line-height: 1.6; text-transform: uppercase; }
body.st-editorial-v8 .ei8-topic-label:hover { color: var(--blue); }
body.st-editorial-v8 .ei8-card h2 { margin: 0 0 16px; font-size: 22px; font-weight: 650; letter-spacing: -.04em; line-height: 1.4; overflow-wrap: anywhere; text-wrap: balance; }
body.st-editorial-v8 .ei8-card h2 a { display: block; color: var(--ink); }
body.st-editorial-v8 .ei8-card h2 a:hover { color: var(--blue); }
body.st-editorial-v8 .ei8-card-copy > p { margin: 0 0 26px; color: #776e80; font-size: 13px; line-height: 1.85; }
body.st-editorial-v8 .ei8-card footer { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: auto; padding-top: 17px; border-top: 1px solid #f0ecf5; color: #7c7084; font-size: 10px; line-height: 1.5; }
body.st-editorial-v8 .ei8-card-arrow { display: grid; width: 30px; height: 30px; margin-left: auto; place-items: center; border: 1px solid #e9e0f2; border-radius: 50%; color: #a68ab7; }
body.st-editorial-v8 .ei8-card-arrow:hover { background: #f3edf9; color: var(--blue); }
body.st-editorial-v8 .ei8-card-arrow .st-icon { width: 14px; height: 14px; }
body.st-editorial-v8 .ei8-card--featured { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); grid-column: 1 / -1; margin-bottom: 8px; border-color: #e7def1; background: #faf8fd; }
body.st-editorial-v8 .ei8-card--featured .ei8-card-visual { height: 100%; min-height: 330px; aspect-ratio: auto; background: #eeE8f7; }
body.st-editorial-v8 .ei8-card--featured .ei8-card-copy { padding: 38px 44px 29px; }
body.st-editorial-v8 .ei8-card--featured h2 { max-width: 25ch; margin-bottom: 22px; font-size: clamp(27px, 3vw, 39px); letter-spacing: -.05em; line-height: 1.23; }
body.st-editorial-v8 .ei8-card--featured .ei8-card-copy > p { max-width: 630px; font-size: 14px; line-height: 1.85; }
body.st-editorial-v8 .ei8-card--featured .ei8-card-meta { margin-bottom: 24px; }
body.st-editorial-v8 .ei8-card--featured footer { border-color: #eae3f2; }
body.st-editorial-v8 .ei8-card--featured .ei8-art > span { top: 28%; }
body.st-editorial-v8 .ei8-card--featured .ei8-art > span > .st-icon { width: 70px; height: 70px; }
body.st-editorial-v8 .ei8-section-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; margin-bottom: 30px; }
body.st-editorial-v8 .ei8-section-heading > h2 { margin: 0; color: var(--ink); font-size: 34px; font-weight: 650; letter-spacing: -.045em; line-height: 1.3; }
body.st-editorial-v8 .ei8-related { margin-top: 70px; }
body.st-editorial-v8 .ei8-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
@media (max-width: 960px) {
    body.st-editorial-v8 .ei8-card-grid,
    body.st-editorial-v8 .ei8-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    body.st-editorial-v8 .ei8-card--featured .ei8-card-copy { padding: 30px; }
    body.st-editorial-v8 .ei8-related-grid > :last-child:nth-child(3) { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
    body.st-editorial-v8 .ei8-card-grid,
    body.st-editorial-v8 .ei8-related-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    body.st-editorial-v8 .ei8-card { border-radius: 20px; }
    body.st-editorial-v8 .ei8-card--featured { display: flex; margin-bottom: 0; }
    body.st-editorial-v8 .ei8-card--featured .ei8-card-visual { min-height: 0; height: auto; aspect-ratio: 1.8; }
    body.st-editorial-v8 .ei8-card--featured .ei8-card-copy,
    body.st-editorial-v8 .ei8-card-copy { padding: 23px 24px 19px; }
    body.st-editorial-v8 .ei8-card--featured h2,
    body.st-editorial-v8 .ei8-card h2 { max-width: none; font-size: 24px; line-height: 1.35; }
    body.st-editorial-v8 .ei8-card--featured .ei8-card-copy > p { font-size: 13px; }
    body.st-editorial-v8 .ei8-card--featured .ei8-card-meta { margin-bottom: 18px; }
    body.st-editorial-v8 .ei8-card--featured .ei8-art > span { top: 26%; }
    body.st-editorial-v8 .ei8-card--featured .ei8-art > span > .st-icon { width: 49px; height: 49px; }
    body.st-editorial-v8 .ei8-related { margin-top: 45px; }
    body.st-editorial-v8 .ei8-section-heading { gap: 12px; margin-bottom: 23px; }
    body.st-editorial-v8 .ei8-section-heading > h2 { font-size: 29px; }
}