/* ==========================================================================
   pess.by — внутренние страницы (site/page.php, layouts/files.php), заголовок и крошки. Только var(--es-*).
   Подключается на всех страницах (layouts/template_css.php).
   ========================================================================== */
.block-breadcrumb h1 {color: var(--es-heading); font-family: var(--es-font-display); font-size: clamp(30px, 3.2vw, 44px); font-weight: 600; line-height: 1.15;}

.pess-page__body {max-width: 920px; padding-bottom: clamp(48px, 6vw, 96px)}
.pess-page__content {color: var(--es-text); font-size: 16px; line-height: 1.75}
.pess-page__content > * + * {margin-top: 1em}
.pess-page__content h2, .pess-page__content h3 {margin-top: 1.8em; color: var(--es-heading); font-family: var(--es-font-display); font-weight: 600; line-height: 1.25}
.pess-page__content h2 {font-size: 26px}
.pess-page__content h3 {font-size: 21px}
.pess-page__content ul, .pess-page__content ol {padding-left: 1.3em; list-style-position: outside}
.pess-page__content li + li {margin-top: .35em}
.pess-page__content li::marker {color: var(--es-sky)}
.pess-page__content a {color: var(--es-primary); text-decoration: underline; text-underline-offset: 3px}

/* ---- Документы ---- */
.pess-files {margin: 36px 0 0; padding: 0; border-top: 1px solid var(--es-heading); list-style: none}
.pess-files__item {display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 28px; align-items: center; padding: 24px 0; border-bottom: 1px solid var(--es-border)}
.pess-files__thumb {display: flex; align-items: center; justify-content: center; width: 96px; height: 128px; overflow: hidden; border: 1px solid var(--es-border); background: var(--es-surface-alt)}
.pess-files__thumb img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: top}
.pess-files__ext {color: var(--es-primary); font-family: var(--es-font-mono); font-size: 15px; font-weight: 500;}
.pess-files__ext--word {color: #2b579a}
.pess-files__name {display: block; color: var(--es-heading); font-family: var(--es-font-display); font-size: 20px; font-weight: 600; line-height: 1.3}
.pess-files__text {margin: 6px 0 0; color: var(--es-muted); font-size: 15px; line-height: 1.55}
.pess-files__meta {display: block; margin-top: 10px; color: var(--es-primary); font-family: var(--es-font-mono); font-size: 12px;}
@media (max-width: 640px) {
    .pess-files__item {grid-template-columns: 64px minmax(0, 1fr); gap: 16px 18px}
    .pess-files__thumb {width: 64px; height: 86px}
    .pess-files__btn {grid-column: 2; justify-self: start}
    .pess-files__name {font-size: 18px}
}