.hero.content-hero { display: block; }
.skip-link { position: absolute; left: -9999px; top: 8px; z-index: 100; padding: 10px 14px; background: #fff; }
.skip-link:focus { left: 8px; }
.content-hero .hero-grid { display: grid; grid-template-columns: 1.35fr .8fr; gap: 48px; align-items: center; }
.content-hero h1 { font-size: clamp(35px, 4.5vw, 62px); line-height: 1.25; }
.content-hero .hero-board { min-height: 0; }
.content-hero .hero-intro { font-size: 15px; line-height: 2; }
.content-hero .board-main { padding: 16px; }
.content-hero .board-main h2 { font-size: 25px; line-height: 1.5; }
.content-hero .hero-actions a { display: inline-flex; padding: 12px 18px; border: 1px solid #7099c4; }
.content-hero .hero-actions a:first-child { background: #1677ff; border-color: #1677ff; }
.catalog-heading { margin-bottom: 28px; }
.catalog-heading h2 { font-size: clamp(28px, 4vw, 42px); margin: 0 0 12px; line-height: 1.25; }
.catalog-heading p, .catalog-meta { color: #526579; font-size: 14px; line-height: 1.8; }
.catalog-grid, .reading-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.catalog-card, .reading-card { padding: 26px; border: 1px solid #cdd9e6; background: #fff; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.catalog-card h3, .reading-card h3 { margin: 10px 0; font-size: 24px; line-height: 1.5; }
.catalog-card p, .reading-card p { line-height: 1.9; margin: 8px 0; }
.catalog-card small { color: #5e6b78; overflow-wrap: anywhere; }
.catalog-label { color: #1763b5; font-size: 12px; font-weight: 700; }
.original-title { color: #5e6b78; font-size: 14px; }
.catalog-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: auto; padding-top: 20px; font-size: 14px; }
.catalog-actions a, .reading-card > a, .link-row a { color: #125dac; text-decoration: underline; text-underline-offset: 4px; }
.content-divider { border-top: 1px solid #cdd9e6; }
.catalog-section { padding-top: 32px; }
.breadcrumb { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 18px 0; flex-wrap: wrap; line-height: 1.7; }
.page-hero > p:last-child { max-width: 800px; margin: 24px 0 0; color: #c3d8ee; font-size: 16px; font-weight: 400; line-height: 1.9; letter-spacing: 0; }
.article-aside h2 { margin: 0; padding: 18px; font-size: 16px; }
.film-facts { padding: 24px; margin: 0 0 28px; background: #eaf2fb; }
.film-facts > div { display: grid; grid-template-columns: 110px 1fr; gap: 12px; padding: 7px 0; }
.film-facts dt { font-weight: 700; color: #4c6279; }
.film-facts dd { margin: 0; }
.editorial-prose section { margin-bottom: 32px; }
.editorial-prose p, .editorial-prose dd, .editorial-prose li { line-height: 2; }
.editorial-prose a { text-decoration: underline; text-underline-offset: 4px; color: #145ea9; overflow-wrap: anywhere; }
.editorial-prose h2 { font-size: 25px; line-height: 1.5; margin: 24px 0 12px; }
.editorial-prose ul { list-style: disc; padding-left: 24px; }
.editorial-prose li { margin: 10px 0; }
.article-lead { font-size: 18px; }
.source-section { border-top: 1px solid #cdd9e6; padding-top: 12px; }
.article-aside a { display: block; padding: 10px 0; }
.media-consent { padding: 24px; background: #071d35; color: #fff; margin: 16px 0; }
.media-consent .catalog-meta { color: #c4d7ec; }
.media-consent button { cursor: pointer; }
.media-consent iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
.event-status { background: #e2efff; border-left: 3px solid #1677ff; padding: 14px 20px; }
.slide-copy > a { display: inline-block; margin-top: 22px; padding: 8px 0; text-decoration: underline; text-underline-offset: 5px; }
a:focus-visible, button:focus-visible { outline: 3px solid #1677ff; outline-offset: 4px; }
@media (max-width: 900px) { .catalog-grid, .reading-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .content-hero .hero-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .catalog-grid, .reading-grid { grid-template-columns: 1fr; } .film-facts > div { grid-template-columns: 1fr; gap: 0; } .catalog-card, .reading-card { padding: 22px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .slide { transition: none; } }