/* ==========================================================================
   Белотурка — внутренние страницы (новости, 404). Подключается после main.css.
   ========================================================================== */

/* шапка без героя: сразу плотная, тёмный логотип */
.page-inner .site-header {
  background: rgba(246, 238, 226, .92); color: var(--ink);
  backdrop-filter: saturate(1.4) blur(16px); -webkit-backdrop-filter: saturate(1.4) blur(16px);
  box-shadow: 0 1px 0 var(--line);
}
.page-inner .brand__light { opacity: 0; }
.page-inner .brand__dark { opacity: 1; }
.page-inner { background: var(--cream); }

.page-main { padding-top: var(--header-h); min-height: 70vh; }

.crumbs { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; font-size: var(--fs-sm); color: var(--ink-3); margin: clamp(1.25rem, 3vw, 2.25rem) 0 1.25rem; }
.crumbs a { color: var(--ink-3); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; transition: color .3s, text-decoration-color .3s; }
.crumbs a:hover { color: var(--ink); text-decoration-color: currentColor; }
.crumbs [aria-current] { color: var(--ink-2); }

/* статья */
.article { max-width: 50rem; padding-bottom: clamp(2.5rem, 6vw, 5rem); }
.article__head { display: grid; gap: .9rem; margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }
.article__title { font-size: clamp(2.4rem, 1.6rem + 3.2vw, 4.25rem); }
.article__ended { font-size: var(--fs-sm); color: var(--ink-3); background: var(--paper); border: 1px solid var(--line); border-radius: 999px; padding: .45rem 1rem; justify-self: start; }
.article__media { margin: 0 0 clamp(1.5rem, 3vw, 2.5rem); border-radius: var(--radius-lg); overflow: hidden; background: var(--paper); aspect-ratio: 16 / 9; }
.article__media img { width: 100%; height: 100%; object-fit: cover; }
/* Афиша на странице новости: целиком, в исходных пропорциях, по центру */
.article__media--poster { aspect-ratio: auto; max-width: 28rem; margin: 0 auto clamp(1.5rem, 3vw, 2.5rem); }
.article__media--poster img { height: auto; }
.article__text { font-size: var(--fs-lg); line-height: 1.75; color: var(--ink-2); }
.article__text h2, .article__text h3, .article__text h4 { margin: 1.6em 0 .5em; }
.article__text ul, .article__text ol { padding-left: 1.3em; margin-bottom: .8rem; }
.article__text ul { list-style: disc; } .article__text ol { list-style: decimal; }
.article__text blockquote { border-left: 3px solid var(--gold); padding-left: 1rem; color: var(--ink-3); font-style: italic; }
.article__cta { margin-top: 2rem; }
.article__back { margin-top: 2.5rem; }

.news--more { padding-top: 0; }
.news--more .section-title { font-size: clamp(2rem, 1.4rem + 2.4vw, 3.25rem); margin-bottom: 2rem; }
.news--page { padding-top: 0; }
.news--page .section-head { margin-bottom: clamp(2rem, 4vw, 3.5rem); }

.pager { display: flex; gap: .5rem; justify-content: center; margin-top: 3rem; flex-wrap: wrap; }
.pager a, .pager span { min-width: 2.75rem; height: 2.75rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid var(--line); font-weight: 600; }
.pager a:hover { border-color: var(--ink); }
.pager span[aria-current] { background: var(--ink); color: var(--paper); border-color: var(--ink); }

/* 404 */
.page-hero { padding-block: clamp(4rem, 12vw, 9rem); display: grid; gap: 1.25rem; max-width: 46rem; margin-inline: auto; text-align: center; justify-items: center; }
.page-title { font-size: clamp(2.8rem, 1.8rem + 4.5vw, 5.5rem); }
.page-lead { font-size: var(--fs-lg); color: var(--ink-2); max-width: 36rem; }
.page-actions { display: flex; gap: .75rem; flex-wrap: wrap; justify-content: center; margin-top: .75rem; }