/* Серверные страницы подборок (/c/{slug}). Токены и базовые стили — из style.css (тёмная тема по умолчанию). */
body.seo { padding-bottom: 40px; }
.seo-top { max-width: 760px; margin: 0 auto; padding: 14px 16px 0; padding-top: max(14px, env(safe-area-inset-top)); }
.seo-brand { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font: 800 23px/1 var(--display); letter-spacing: -.02em; color: var(--text); text-decoration: none; }
.seo-brand::after { content: ""; width: 7px; height: 7px; margin-left: -4px; align-self: flex-end; margin-bottom: 14px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 10px var(--yellow); }
.seo-brand img { width: 34px; height: 34px; }
.seo-main { max-width: 760px; margin: 0 auto; padding: 0 16px; }
.seo-main .h1 { max-width: none; margin-top: 18px; }
.seo-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin: 0 0 26px; }
.seo-cta { display: inline-flex; align-items: center; text-decoration: none; }
.seo-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.seo-card {
  display: grid; grid-template-columns: 96px 1fr; gap: 14px; padding: 12px;
  background: var(--card); border: 1px solid var(--line); border-radius: 22px; box-shadow: var(--shadow);
}
.seo-card img, .seo-noposter { width: 96px; height: 144px; object-fit: cover; border-radius: 14px; background: var(--surface-2); display: block; }
.seo-card h2 { font: 800 20px/1.15 var(--display); letter-spacing: -.01em; margin: 2px 0 6px; overflow-wrap: anywhere; }
.seo-meta { margin: 0 0 8px; font-size: 13px; font-weight: 600; color: var(--muted); }
.seo-why { margin: 0 0 8px; padding: 8px 10px; border-radius: 12px; background: var(--why-bg); border-left: 3px solid var(--yellow); font-size: 14px; }
.seo-ov { margin: 0; color: var(--muted); font-size: 14px; }
.seo-main .link { color: var(--text); }
@media (min-width: 700px) { .seo-list { grid-template-columns: 1fr 1fr; } }
@media (max-width: 400px) {
  .seo-card { grid-template-columns: 80px 1fr; gap: 12px; }
  .seo-card img, .seo-noposter { width: 80px; height: 120px; }
  .seo-card h2 { font-size: 18px; }
}