/* September 2026: topic-specific editorial imagery and more direct navigation. */
.zal-article-hero {
	padding-block: 26px 48px;
	background: radial-gradient(ellipse at 85% 5%, #40212e 0, transparent 45%), #111923;
	border-bottom: 4px solid var(--zal-signal);
	color: #f5f7fa;
}
.zal-article-hero .zal-breadcrumbs { margin-bottom: 28px; }
.zal-article-hero .zal-breadcrumbs ol,
.zal-article-hero .zal-breadcrumbs a { color: #b8c3d1; }
.zal-article-hero__grid { grid-template-columns: minmax(0, .95fr) minmax(0, 1.15fr); gap: clamp(28px, 4vw, 60px); }
.zal-article-hero__copy h1 { max-width: 22ch; font-size: clamp(2.45rem, 4vw, 4.15rem); line-height: 1.04; color: #fff; text-wrap: balance; letter-spacing: -.025em; }
.zal-article-hero .zal-kicker { color: #ff8490; margin-bottom: 18px; }
.zal-article-hero__dek { max-width: 51ch; font-size: clamp(1.02rem, 1.4vw, 1.18rem); color: #d0d8e2; }
.zal-article-hero .zal-article-meta { margin-top: 22px; color: #bcc8d5; gap: 10px 14px; }
.zal-article-hero__media { margin: 0; width: 100%; align-self: center; }
.zal-article-hero__media::before { display: none; }
.zal-article-hero__media > img { display: block; aspect-ratio: 3 / 2; border-radius: 18px; border: 1px solid #ffffff24; box-shadow: 0 22px 70px #0005; }
.zal-visual-caption { margin-top: 9px; color: #acb8c5; font-size: .66rem; letter-spacing: .05em; text-align: right; }
.zal-hero-jump { display: inline-flex; gap: 24px; align-items: center; min-height: 46px; margin-top: 24px; color: white; font-size: .88rem; font-weight: 750; text-decoration: none; border-bottom: 1px solid #f36c7866; }
.zal-hero-jump:hover { color: #ff9ea7; }
.zal-hero-jump span { font-size: 1.3rem; }
.zal-article-layout { gap: clamp(32px, 5vw, 76px); padding-block: 48px 60px; grid-template-columns: minmax(0, 860px) minmax(220px, 285px); }
.zal-article-layout--review { grid-template-columns: minmax(0, 1fr); }
.zal-article-content { font-size: 1.09rem; line-height: 1.76; }
.zal-article-content > p { max-width: 73ch; }
.zal-article-content > h2 { font-size: clamp(1.9rem, 2.8vw, 2.75rem); max-width: 28ch; line-height: 1.1; margin-top: 2.7rem; scroll-margin-top: 110px; text-wrap: balance; }
.zal-article-content > h3 { font-size: 1.5rem; line-height: 1.2; }
.zal-answer-box { border: 1px solid #e6ccd0; border-left: 4px solid var(--zal-signal); border-radius: 14px; background: #fff; padding: 24px 28px; box-shadow: 0 10px 28px #11192306; }
.zal-answer-box p { font-size: 1.06rem; line-height: 1.65; }
.zal-article-aside { position: sticky; top: calc(var(--zal-header-height) + var(--zal-admin-offset) + 24px); }
.zal-article-toc { max-height: min(65vh, 680px); overflow: auto; scrollbar-width: thin; }
.zal-article-toc a { padding: 9px 10px; }
.zal-aside-card--sticky { position: static; }
.zal-article-layout--review .zal-article-aside { position: static; }
.zal-mobile-toc { display: none; }
.zal-footer .zal-nav__list { flex-wrap: wrap; }
.zal-related-visuals { padding-bottom: 70px; }
.zal-related-visuals__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.zal-card { overflow: hidden; border-radius: 16px; background: #fff; }
.zal-card__media { aspect-ratio: 3 / 2; overflow: hidden; }
.zal-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 250ms ease; }
.zal-card:hover .zal-card__media img { transform: scale(1.035); }
.zal-card__body h3 { font-size: 1.6rem; line-height: 1.12; }
.zal-child-directory { margin: 0 0 36px; padding: 0 0 32px; border-top: 0; border-bottom: 1px solid var(--zal-line); }
.zal-article-content .zal-child-directory h2 { font-size: 2rem; margin: 0 0 20px; }
.zal-article-content .zal-child-directory ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 0; margin: 0; }
.zal-article-content .zal-child-directory li { margin: 0; padding: 0; }
.zal-article-content .zal-child-directory a { position: relative; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0; padding: 0; height: 100%; background: #fff; border: 1px solid #dce1e8; border-radius: 12px; overflow: hidden; }
.zal-child-directory__image { display: block; overflow: hidden; aspect-ratio: 2 / 1; background: #17202d; }
.zal-child-directory__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 250ms ease; }
.zal-child-directory a:hover img { transform: scale(1.04); }
.zal-child-directory__label { padding: 17px 40px 18px 18px; font-size: 1.03rem; font-weight: 800; line-height: 1.3; }
.zal-child-directory__arrow { position: absolute; right: 16px; bottom: 18px; color: var(--zal-signal); }
.zal-directory-toggle { margin-top: 18px; width: 100%; min-height: 46px; border: 1px solid #cbd3dc; border-radius: 10px; padding: 10px 20px; background: #fff; color: #182536; font: inherit; font-size: .9rem; font-weight: 750; cursor: pointer; }
.zal-directory-toggle:hover { border-color: var(--zal-signal); color: var(--zal-signal-dark); }
.zal-home-hero { padding-block: 48px 60px; }
.zal-home-hero__grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.15fr); gap: 44px; }
.zal-home-hero__copy h1 { max-width: 15ch; font-size: clamp(3rem, 5vw, 5rem); }
.zal-home-hero__visual::before { inset: 10% -9px -9px 18%; }
.zal-home-hero__visual > img { aspect-ratio: 3 / 2; border-radius: 18px; }
.zal-sport-tile--tennis::before { background-image: linear-gradient(0deg, #080e1bf2, #080e1b00 75%), url('../images/pages/sport--tenis-960.webp'); }
.zal-sport-tile--basket::before { background-image: linear-gradient(0deg, #080e1bf2, #080e1b00 75%), url('../images/pages/sport--basketbol-960.webp'); }
.zal-sport-tile--f1::before { background-image: linear-gradient(0deg, #080e1bf2, #080e1b00 75%), url('../images/pages/sport--formula-1-960.webp'); }
.zal-story-mosaic__graphic--asian { background: linear-gradient(0deg, #101417ad, #10141700), url('../images/pages/nauchi--aziatski-hendikep-960.webp') center / cover; }
.zal-story-mosaic__graphic--asian::before, .zal-story-mosaic__graphic--asian::after { display: none; }
@media (max-width: 1119px) {
	.zal-article-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; }
	.zal-article-hero__copy h1 { font-size: clamp(2.35rem, 4.6vw, 3.5rem); }
	.zal-article-layout { grid-template-columns: minmax(0, 1fr); }
	.zal-article-aside { position: static; order: 1; }
	.zal-article-aside .zal-article-toc { display: none; }
	.zal-mobile-toc:not([hidden]) { display: block; margin-bottom: 26px; border: 1px solid #cdd5df; background: #fff; border-radius: 12px; }
	.zal-mobile-toc summary { padding: 15px 18px; min-height: 48px; font-weight: 800; cursor: pointer; }
	.zal-mobile-toc nav { max-height: 50vh; overflow: auto; overscroll-behavior: contain; }
	.zal-mobile-toc ol { margin: 0; padding: 0 18px 18px; list-style: none; display: grid; gap: 4px; }
	.zal-mobile-toc a { display: block; padding: 9px 6px; line-height: 1.4; color: #27374a; font-size: .95rem; }
	.zal-home-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 767px) {
	.zal-article-hero { padding-block: 20px 30px; }
	.zal-article-hero .zal-breadcrumbs { margin-bottom: 22px; }
	.zal-article-hero__grid, .zal-home-hero__grid { grid-template-columns: minmax(0, 1fr); gap: 26px; }
	.zal-article-hero__copy h1 { max-width: 24ch; font-size: clamp(2.2rem, 9vw, 3.4rem); line-height: 1.03; margin-bottom: 18px; }
	.zal-article-hero__dek { font-size: 1.02rem; line-height: 1.5; }
	.zal-article-hero .zal-article-meta { font-size: .73rem; margin-top: 18px; }
	.zal-hero-jump { margin-top: 13px; }
	.zal-article-hero__media > img { aspect-ratio: 3 / 2; border-radius: 12px; }
	.zal-article-layout { padding-block: 28px 42px; gap: 24px; }
	.zal-article-content { font-size: 1.02rem; }
	.zal-answer-box { padding: 20px; }
	.zal-related-visuals__grid { grid-template-columns: minmax(0, 1fr); }
	.zal-related-visuals .zal-card { display: grid; grid-template-columns: 120px minmax(0, 1fr); }
	.zal-related-visuals .zal-card__media { aspect-ratio: auto; height: 100%; }
	.zal-related-visuals .zal-card__body { padding: 16px; }
	.zal-related-visuals .zal-card__body h3 { font-size: 1.3rem; }
	.zal-related-visuals .zal-card__body p, .zal-related-visuals .zal-text-link { display: none; }
	.zal-child-directory__label { font-size: .92rem; padding: 12px 26px 13px 12px; }
	.zal-child-directory__arrow { right: 10px; bottom: 13px; }
	.zal-article-content .zal-child-directory ul { gap: 11px; }
	.zal-child-directory__image { aspect-ratio: 3 / 2; }
	.zal-brand__name { display: inline; font-size: 1.25rem; }
	.zal-header__inner { gap: 16px; }
	.zal-home-hero { padding-block: 30px 40px; }
	.zal-home-hero__copy h1 { font-size: clamp(2.7rem, 11vw, 4rem); }
}
@media (prefers-reduced-motion: reduce) {
	.zal-card__media img, .zal-child-directory__image img { transition: none; }
	.zal-card:hover .zal-card__media img, .zal-child-directory a:hover img { transform: none; }
}