/* Страница новости (подключается только на ней из pages/article.php) */
.news-wrap{max-width:calc(760px + var(--pad)*2);margin-inline:auto;padding:2rem var(--pad) 0}
.news-card{padding:1.5rem 1.25rem 2rem;background:#fff;border-radius:6px;box-shadow:0 15px 25px -10px rgba(0,0,0,.1)}
.news-card .breadcrumbs{margin-bottom:1.25rem;font-size:.8rem}
.news-card .breadcrumbs li+li::before{content:"»"}
.news-title{margin-bottom:1.5rem;font-size:clamp(1.4rem,3.6vw,1.9rem);line-height:1.45}
.news-figure{max-width:360px;margin:0 auto 1.75rem}
.news-figure img,.news-figure .ph{width:100%;border-radius:16px}
.news-body{font-size:1rem;line-height:1.75;color:var(--c-text);overflow-wrap:break-word}
.news-body p{margin:0 0 1.3em}
.news-body h2,.news-body h3{margin:1.75rem 0 .75rem;font-size:1.3rem}
.news-body ul,.news-body ol{padding-left:1.4rem}
.news-body blockquote{margin:1.5rem 0;padding:.25rem 0 .25rem 1.25rem;border-left:4px solid var(--c-green);color:var(--c-muted)}
.news-body a{color:var(--c-green)}
.news-body a:hover{color:var(--c-purple)}
.news-body img{border-radius:12px;margin:1.5rem auto}
@media (min-width:720px){.news-card{padding:2rem 2.25rem 2.5rem}}

.news-pager{display:grid;gap:1.25rem;margin:2.25rem 0 3.5rem}
.news-pager__link{display:block;color:var(--c-text);text-decoration:none}
.news-pager__dir{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.82rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--c-ink)}
.news-pager__title{display:block;line-height:1.55}
.news-pager__link:hover .news-pager__title,.news-pager__link:hover .news-pager__dir{color:var(--c-green)}
.news-pager__next{text-align:right}
@media (min-width:720px){
  .news-pager{grid-template-columns:1fr 1fr;gap:0}
  .news-pager__prev{padding-right:1.5rem}
  .news-pager__next{grid-column:2;padding-left:1.5rem;border-left:1px solid #cbd5e0}
  .news-pager__prev:only-child{grid-column:1}
}

.related{padding:3rem 0 3.5rem;background:var(--c-bg-2)}
.related h2{margin-bottom:1.5rem}
.related-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0;list-style:none}
.related-card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:10px;overflow:hidden;color:var(--c-ink);text-decoration:none;box-shadow:0 12px 24px -12px rgba(0,0,0,.2);transition:transform .2s,box-shadow .2s}
.related-card:hover{transform:translateY(-3px);box-shadow:0 16px 28px -12px rgba(0,0,0,.28);color:var(--c-ink)}
.related-card__img,.related-card .ph{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:0}
.related-card__title{padding:1.1rem 1.25rem 1.4rem;font:700 .95rem/1.45 var(--font-h)}
@media (max-width:719.98px){
  .related-grid{grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem;scrollbar-width:thin}
  .related-grid li{scroll-snap-align:start}
}
@media (min-width:1100px){.related-grid{grid-template-columns:repeat(4,1fr)}}