/* ── Дети74 · архив форума ──────────────────────────────────────────────────
   Тёплая «бумажная» палитра. Дизайн по гайду ui-ux-pro-max:
   style-match (тёплое комьюнити, не корпоратив), no-emoji-icons (SVG),
   color-accessible-pairs (контраст ≥4.5:1), warm typography, whitespace-balance.
*/
:root{
  /* Тёплая палитра архива (малина + мёд). Логотип — фирменный голубой+розовый. */
  --paper:#fdf8f4;            /* тёплое молоко (для элементов, как было) */
  --bg:#f5f3fb;               /* лавандовый */
  --surface:#ffffff;          /* карточки */
  --surface-2:#fdf4ef;        /* мягкая тёплая заливка */
  --ink:#36302e;              /* тёплый графит (контраст >10:1) */
  --muted:#8f807a;            /* приглушённый */
  --line:#efe2da;             /* тёплые границы */
  --accent:#E60079;           /* фирменный розовый 600 (ссылки, акценты) */
  --accent-ink:#BF0065;       /* розовый 700 (контраст AA) */
  --accent-soft:#FFE0F0;      /* розовая плашка (secondary-100) */
  --brand-blue:#2563eb;       /* фирменный синий 600 (перекличка с ромашкой) */
  --brand-blue-soft:#dbeafe;  /* голубая плашка */
  --honey:#f0a836;            /* медовый тёплый акцент */
  --sun-ink:#c9760f;
  --sage:#7fa07a;
  --quote:#fbf1e9; --quote-line:#e9c08f;
  --radius:18px; --radius-sm:12px;
  --shadow:0 1px 2px rgba(90,50,55,.04), 0 8px 24px rgba(150,70,95,.07);
  --shadow-hover:0 10px 30px rgba(150,70,95,.14);
  --font-head:"Comfortaa",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-body:"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; color:var(--ink);
  font:17px/1.7 var(--font-body); letter-spacing:.005em;
  background:var(--bg);
}
h1,h2,h3{font-family:var(--font-head); letter-spacing:-.01em}
a{color:var(--accent-ink); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:880px; margin:0 auto; padding:0 18px}

/* ── Шапка ─────────────────────────────────────────────────────────────────*/
.site-head{position:sticky; top:0; z-index:20;
  background:linear-gradient(180deg, rgba(214,236,255,.78) 0%, rgba(245,243,251,.55) 100%);
  -webkit-backdrop-filter:blur(14px) saturate(160%); backdrop-filter:blur(14px) saturate(160%);
  transition:box-shadow .22s ease, background .22s ease}
.site-head.is-stuck{/* background:rgba(214,236,255,.72); — отключено: оставляем градиент */ box-shadow:0 4px 18px rgba(70,50,95,.13); border-bottom:1px solid rgb(248 248 251 / 79%)}
.site-head__in{display:flex; align-items:center; gap:16px; height:64px}
/* CTA на Telegram-чат в шапке */
.tg-cta{display:inline-flex; align-items:center; gap:7px; height:42px; padding:0 17px; flex:none;
  border-radius:999px; background:linear-gradient(135deg,#2aabee,#229ed9); color:#fff;
  font-family:var(--font-head); font-weight:700; font-size:14px; text-decoration:none; white-space:nowrap;
  box-shadow:0 2px 10px rgba(34,158,217,.35); transition:transform .15s, box-shadow .15s}
.tg-cta:hover{transform:translateY(-1px); box-shadow:0 6px 18px rgba(34,158,217,.5); text-decoration:none; color:#fff}
.tg-cta svg{width:19px; height:19px; fill:currentColor; flex:none}
@media(max-width:760px){.tg-cta__text{display:none} .tg-cta{padding:0; width:42px; justify-content:center}}
/* Вступление-манифест на главной */
.manifesto{margin:20px 0 10px; padding:30px 34px; border-radius:20px;
  background:linear-gradient(157deg,#fdf8f4 0%,#f7effd 100%); border:1px solid var(--line);
  box-shadow:0 6px 22px rgba(70,50,95,.07); font-size:17px; line-height:1.74; color:var(--ink)}
.manifesto p{margin:0 0 15px}
.manifesto p:last-child{margin-bottom:0}
.manifesto__lead{font-family:var(--font-head); font-weight:700; font-size:19px; color:var(--accent);
  text-align:center; margin:22px 0!important}
.manifesto__sign{font-family:var(--font-head); font-weight:700; text-align:center;
  color:var(--brand-blue); font-size:18px; margin-top:18px!important}
.manifesto__tg{color:#229ed9; font-weight:700; text-decoration:none; border-bottom:1px solid rgba(34,158,217,.4)}
.manifesto__tg:hover{border-bottom-color:#229ed9}
@media(max-width:640px){.manifesto{padding:22px 19px; font-size:16px; margin:12px 0; border-radius:16px}}
/* Юридические страницы (политика, запрос на удаление) */
.legal{max-width:760px; margin:8px auto; font-size:16px; line-height:1.7; color:var(--ink)}
.legal h1{font-family:var(--font-head); font-size:26px; margin:0 0 16px}
.legal h2{font-family:var(--font-head); font-size:19px; margin:26px 0 8px; color:var(--brand-blue)}
.legal p{margin:0 0 12px} .legal ul{margin:0 0 12px; padding-left:22px} .legal li{margin:5px 0}
.legal__intro{color:var(--muted)} .legal a{color:var(--accent)}
.del-form{display:flex; flex-direction:column; gap:14px; margin-top:18px; max-width:560px}
.del-form label{display:flex; flex-direction:column; gap:6px; font-weight:700; font-size:14px}
.del-form input,.del-form textarea{padding:10px 12px; border:1px solid var(--line); border-radius:10px; font:inherit; font-weight:400; background:#fff}
.del-form__btn{align-self:flex-start; padding:11px 24px; border:none; border-radius:999px; background:var(--accent); color:#fff; font-family:var(--font-head); font-weight:700; font-size:15px; cursor:pointer}
.del-form__btn:hover{filter:brightness(1.08)}
.site-foot a{color:inherit; text-decoration:underline}
/* Ссылка-выход на основной сайт deti74.ru */
.site-up{display:inline-flex; align-items:center; gap:5px; font-size:13px; font-weight:700;
  color:var(--brand-blue); text-decoration:none; white-space:nowrap; padding:7px 11px;
  border-radius:9px; border:1px solid var(--line); transition:background .15s}
.site-up:hover{background:var(--paper); text-decoration:none}
@media(max-width:760px){.site-up{font-size:0; gap:0; padding:7px 9px} .site-up::before{content:"↑ сайт"; font-size:13px}}
.brand{display:flex; align-items:flex-end; gap:9px; text-decoration:none}
.brand:hover{text-decoration:none}
.brand .logo{height:38px; width:auto; display:block}
.brand-word{font-family:var(--font-head); font-weight:700; font-size:25px; color:#E60079; line-height:1; white-space:nowrap; letter-spacing:-.5px}
.brand-tag{font-family:var(--font-head); font-weight:700; font-size:14px; color:var(--muted); white-space:nowrap; padding-left:11px; margin-left:2px; border-left:1px solid var(--line)}
.search{position:relative; margin-left:auto; flex:1; max-width:340px}
.search input{width:100%; height:42px; padding:0 16px 0 42px; border:1px solid var(--line);
  border-radius:999px; background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%238d7f74' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M17 17l-4-4'/%3E%3C/svg%3E") 14px center no-repeat;
  font:15px var(--font-body); color:var(--ink); outline:none}
.search input::placeholder{color:var(--muted)}
.search input:focus{border-color:var(--brand-blue); box-shadow:0 0 0 3px rgba(37,99,235,.16)}

/* ── Hero ──────────────────────────────────────────────────────────────────*/
.hero{padding:40px 0 14px}
.hero h1{margin:0 0 10px; font-size:38px; line-height:1.12; font-weight:700}
.hero h1 em{font-style:normal; color:var(--accent)}
.hero p{margin:0 0 22px; font-size:18px; color:#6d5f55; max-width:60ch}
.stats{display:flex; flex-wrap:wrap; gap:10px}
.stat{background:var(--surface); border:1px solid var(--line); border-radius:999px;
  padding:8px 16px; font-size:14.5px; color:var(--ink); box-shadow:var(--shadow)}
.stat b{font-family:var(--font-head); font-weight:700; color:var(--accent-ink); font-variant-numeric:tabular-nums}

/* ── Категория ─────────────────────────────────────────────────────────────*/
.cat{margin:30px 0 8px; display:flex; align-items:center; gap:12px}
.cat__icon{width:42px; height:42px; border-radius:13px; display:grid; place-items:center; flex:none; color:#fff}
.cat__icon svg{width:23px; height:23px}
.cat h2{margin:0; font-size:22px; font-weight:700}

/* ── Список разделов ───────────────────────────────────────────────────────*/
.boards{display:flex; flex-direction:column; gap:12px; margin-bottom:8px}
.board{display:grid; grid-template-columns:1fr auto; gap:8px 18px; align-items:center;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:16px 20px; box-shadow:var(--shadow); transition:transform .16s ease-out, box-shadow .16s ease-out, border-color .16s}
.board:hover{transform:translateY(-2px); box-shadow:var(--shadow-hover); border-color:#e3cdb5}
.board__main{min-width:0}
.board__name{font-family:var(--font-head); font-weight:700; font-size:18px; color:var(--ink); display:inline-block}
.board:hover .board__name{color:var(--accent-ink)}
.board__desc{color:var(--muted); font-size:14.5px; margin-top:2px; line-height:1.45}
.board__subs{margin-top:8px; display:flex; flex-wrap:wrap; gap:6px}
.chip{font-size:12.5px; background:#f7effd; border:1px solid #ebe0f3; color:#6d5f55;
  padding:3px 10px; border-radius:999px}
.chip:hover{background:var(--accent-soft); border-color:#f0cbbd; color:var(--accent-ink); text-decoration:none}
.board__stats{text-align:right; color:var(--muted); font-size:13px; white-space:nowrap; font-variant-numeric:tabular-nums}
.board__stats b{display:block; font-family:var(--font-head); font-size:17px; color:var(--ink); font-weight:700}
.board__last{grid-column:1 / -1; margin-top:10px; padding-top:12px; border-top:1px dashed var(--line);
  display:flex; align-items:center; gap:10px; color:var(--muted); font-size:13.5px; min-width:0}
.board__last .mini{width:30px; height:30px; border-radius:50%; flex:none; object-fit:cover;
  display:grid; place-items:center; font-family:var(--font-head); font-weight:700; font-size:13px; color:#fff}
.board__last .lp-text{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board__last .lp-text b{color:var(--ink); font-weight:600}

/* ── Список тем раздела ────────────────────────────────────────────────────*/
.board-desc{margin:4px 0 0; color:var(--muted); font-size:15px}
.trows{display:flex; flex-direction:column; gap:8px; margin-top:6px}
.trow{display:grid; grid-template-columns:1fr auto; gap:8px 18px; align-items:center;
  background:var(--surface); border:1px solid var(--line); border-radius:14px;
  padding:13px 18px; box-shadow:var(--shadow); transition:transform .14s ease-out, box-shadow .14s ease-out}
.trow:hover{transform:translateY(-1px); box-shadow:var(--shadow-hover)}
.trow--pin{background:#fffdf4; border-color:#f0e3c0}
.trow__title{font-family:var(--font-head); font-weight:700; font-size:16.5px; color:var(--ink);
  display:flex; align-items:center; gap:7px; line-height:1.3}
.trow:hover .trow__title{color:var(--accent-ink)}
.trow__pin{width:16px; height:16px; color:var(--honey); flex:none}
.trow__meta{color:var(--muted); font-size:13px; margin-top:3px; font-variant-numeric:tabular-nums}
.trow__last{display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12.5px;
  white-space:nowrap; text-align:left; font-variant-numeric:tabular-nums}
.trow__last .mini{width:28px; height:28px; border-radius:50%; flex:none; object-fit:cover;
  display:grid; place-items:center; font-family:var(--font-head); font-weight:700; font-size:12px; color:#fff}
.trow__last-text b{color:var(--ink); font-weight:600}
.board-note{margin:16px 0 4px; padding:12px 16px; background:var(--surface-2); border:1px dashed var(--line);
  border-radius:12px; color:var(--muted); font-size:13.5px; text-align:center}

/* ── Хлебные крошки / тема (со страницы темы) ──────────────────────────────*/
.crumbs{color:var(--muted); font-size:14px; margin:20px 0 6px}
.crumbs a{color:var(--muted)}
.topic-head{padding:14px 0 18px; border-bottom:1px solid var(--line); margin-bottom:22px}
.topic-head h1{margin:0 0 6px; font-size:30px; line-height:1.2; font-weight:700}
.topic-head__meta{color:var(--muted); font-size:14px}
.thread{display:flex; flex-direction:column; gap:16px}
.post{display:grid; grid-template-columns:170px 1fr; background:var(--surface);
  border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden}
.post__author{padding:22px 16px; text-align:center; background:var(--surface-2); border-right:1px solid var(--line)}
.avatar{width:66px; height:66px; border-radius:50%; object-fit:cover; display:inline-flex;
  align-items:center; justify-content:center; font-family:var(--font-head); font-weight:700; font-size:26px; color:#fff}
.avatar--ph{line-height:66px}
.post__name{font-family:var(--font-head); font-weight:700; margin-top:10px; font-size:15.5px; word-break:break-word}
.post__author-status{color:var(--muted); font-size:12.5px; margin-top:3px; font-style:italic}
.post__author-meta{color:var(--muted); font-size:12px; margin-top:6px}
.post__body{padding:20px 24px; min-width:0}
.post__date{color:var(--muted); font-size:13px; margin-bottom:10px}
.post__text{word-wrap:break-word; overflow-wrap:anywhere}
.post__text img.post-img{max-width:100%; height:auto; border-radius:10px; margin:8px 0}
blockquote.quote{margin:8px 0; padding:12px 16px; background:var(--quote);
  border-left:3px solid var(--quote-line); border-radius:0 10px 10px 0; color:#5a4a3a}
blockquote.quote cite{display:block; font-style:normal; font-weight:700; font-size:13px; color:var(--accent-ink); margin-bottom:4px}
.post__att{margin-top:12px; padding-top:12px; border-top:1px dashed var(--line)}
.post__att-imgs{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:6px}
.att-img{display:block; border-radius:8px; overflow:hidden; line-height:0; box-shadow:var(--shadow)}
.att-img img{max-width:200px; max-height:220px; width:auto; height:auto; display:block; background:#eee}
.att-file{display:inline-flex; align-items:center; gap:6px; color:var(--accent-ink); font-size:13.5px;
  background:var(--surface-2); border:1px solid var(--line); border-radius:8px; padding:5px 10px; margin:3px 6px 3px 0}
.att-file:hover{border-color:var(--accent); text-decoration:none}
.att-file__sz{color:var(--muted); font-size:12px}

/* ── Подвал ────────────────────────────────────────────────────────────────*/
.site-foot{margin-top:54px; padding:30px 0; border-top:1px solid var(--line); color:var(--muted); font-size:14px}
.site-foot a{color:var(--accent-ink)}

/* ── Мобильные (mobile-first scale-down) ───────────────────────────────────*/
@media (max-width:640px){
  body{font-size:16px}
  /* Шапка: лого сверху, поиск отдельной строкой во всю ширину */
  .site-head__in{flex-wrap:wrap; height:auto; padding:9px 0; gap:9px 12px; justify-content:space-between}
  .brand-tag{display:none}
  .brand-word{font-size:21px}
  .brand .logo{height:34px}
  .search{order:3; flex:1 1 100%; max-width:none; margin-left:0}
  .hero{padding:28px 0 8px}
  .hero h1{font-size:28px}
  .hero p{font-size:16px}
  .board{grid-template-columns:1fr; padding:15px 16px}
  .board__stats{text-align:left; display:flex; gap:14px; margin-top:4px}
  .board__stats b{display:inline}
  .post{grid-template-columns:1fr}
  .post__author{display:flex; align-items:center; gap:12px; text-align:left;
    border-right:0; border-bottom:1px solid var(--line); padding:12px 16px}
  .avatar{width:46px; height:46px; font-size:18px}
  .avatar--ph{line-height:46px}
  .post__name{margin-top:0}
  .post__author-meta,.post__author-status{margin-top:0}
  .topic-head h1{font-size:24px}
  .cat h2{font-size:20px}
}
/* ── Полоса фотолетописи на главной ────────────────────────────────────────*/
.gstrip{margin:28px 0 6px}
.gstrip__head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:12px}
.gstrip__head h2{margin:0; font-size:22px; font-weight:700}
.gstrip__more{font-size:14px; white-space:nowrap; font-weight:700}
.gstrip__row{display:flex; gap:10px; overflow-x:auto; padding-bottom:8px; scroll-snap-type:x proximity; scrollbar-width:thin}
.gstrip__ph{flex:0 0 auto; scroll-snap-align:start; border-radius:14px; overflow:hidden; box-shadow:var(--shadow); line-height:0}
.gstrip__ph img{height:130px; width:auto; display:block; object-fit:cover; transition:transform .25s}
.gstrip__ph:hover img{transform:scale(1.05)}

/* ── Блок-приглашение в группу ВК ──────────────────────────────────────────*/
.gnote{display:flex; align-items:center; gap:16px; flex-wrap:wrap;
  background:var(--brand-blue-soft); border:1px solid #cfe0fb; border-radius:16px;
  padding:16px 20px; margin:0 0 24px; color:var(--ink); text-decoration:none;
  transition:box-shadow .15s ease, transform .15s ease}
.gnote:hover{text-decoration:none; box-shadow:var(--shadow-hover); transform:translateY(-1px)}
.gnote__ic{flex:none; width:46px; height:46px; border-radius:13px; background:var(--brand-blue); display:grid; place-items:center}
.gnote__ic svg{width:24px; height:24px}
.gnote__txt{flex:1 1 260px; font-size:15px; line-height:1.5; color:#3a4250}
.gnote__txt b{color:var(--ink)}
.gnote__btn{flex:none; background:var(--brand-blue); color:#fff; padding:11px 20px; border-radius:999px;
  font-family:var(--font-head); font-weight:700; font-size:14px; white-space:nowrap}
.gnote:hover .gnote__btn{background:#1d4fd0}

/* ── Индекс альбомов по годам ──────────────────────────────────────────────*/
.year-head{font-family:var(--font-head); font-weight:700; font-size:26px; color:var(--ink);
  margin:30px 0 14px; padding-bottom:8px; border-bottom:2px solid var(--accent-soft)}
.albums-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px}
.acard{display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line);
  border-radius:16px; overflow:hidden; box-shadow:var(--shadow); transition:transform .15s ease, box-shadow .15s ease}
.acard:hover{transform:translateY(-3px); box-shadow:var(--shadow-hover); text-decoration:none}
.acard__cover{display:block; aspect-ratio:4/3; overflow:hidden; background:#e9e6f0}
.acard__cover img{width:100%; height:100%; object-fit:cover; transition:transform .3s ease}
.acard:hover .acard__cover img{transform:scale(1.06)}
.acard__title{padding:12px 14px 2px; font-family:var(--font-head); font-weight:700; font-size:15.5px; color:var(--ink); line-height:1.3}
.acard__count{padding:2px 14px 13px; color:var(--muted); font-size:13px}

/* ── Страница-галерея (masonry) ────────────────────────────────────────────*/
.galbum{margin:8px 0 22px}
.galbum__year{color:var(--muted); font-weight:400; font-size:16px; font-family:var(--font-body)}
.gallery-grid{columns:240px; column-gap:10px}
.gphoto{display:block; break-inside:avoid; margin:0 0 10px; border-radius:12px; overflow:hidden;
  cursor:zoom-in; box-shadow:var(--shadow); background:#e9e6f0}
.gphoto img{width:100%; display:block; aspect-ratio:var(--ar,1); object-fit:cover; transition:transform .28s ease}
.gphoto:hover img{transform:scale(1.045)}

/* ── Лайтбокс ──────────────────────────────────────────────────────────────*/
.lb{position:fixed; inset:0; z-index:100; background:rgba(24,18,34,.92); display:none;
  align-items:center; justify-content:center; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px)}
.lb.open{display:flex}
.lb img{max-width:92vw; max-height:88vh; border-radius:8px; box-shadow:0 12px 48px rgba(0,0,0,.55)}
.lb__btn{position:absolute; background:rgba(255,255,255,.16); color:#fff; border:0; width:50px; height:50px;
  border-radius:50%; font-size:26px; line-height:1; cursor:pointer; display:grid; place-items:center; transition:background .15s}
.lb__btn:hover{background:rgba(255,255,255,.3)}
.lb__close{top:18px; right:18px; font-size:30px}
.lb__prev{left:16px; top:50%; transform:translateY(-50%)}
.lb__next{right:16px; top:50%; transform:translateY(-50%)}
.lb__count{position:absolute; bottom:16px; left:0; right:0; text-align:center; color:rgba(255,255,255,.85); font-size:14px}
@media (max-width:640px){
  .lb__btn{width:42px; height:42px}
  .gstrip__head h2{font-size:20px}
}

/* ── Подсказки поиска (instant) ────────────────────────────────────────────*/
.search-suggest{position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:30;
  background:var(--surface); border:1px solid var(--line); border-radius:14px;
  box-shadow:var(--shadow-hover); overflow:hidden; display:none}
.search-suggest.open{display:block}
.ssg{display:block; padding:9px 14px; border-bottom:1px solid var(--line)}
.ssg:last-child{border-bottom:0}
.ssg:hover{background:var(--surface-2); text-decoration:none}
.ssg__t{display:block; font-family:var(--font-head); font-weight:700; font-size:14px; color:var(--ink);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.ssg__b{display:block; font-size:12px; color:var(--muted); margin-top:1px}
.ssg__more{text-align:center; font-weight:700; color:var(--accent-ink); font-size:13px; background:var(--surface-2)}

/* ── Фильтры на странице поиска ────────────────────────────────────────────*/
.sfilters{display:flex; flex-direction:column; gap:9px; margin:0 0 18px}
.sfgroup{display:flex; align-items:center; gap:6px; flex-wrap:wrap}
.sflabel{font-size:13px; color:var(--muted); font-weight:700; margin-right:4px; flex:none}
.schip{font-size:13px; padding:5px 11px; border:1px solid var(--line); border-radius:999px;
  background:var(--surface); color:var(--ink); line-height:1.2}
.schip:hover{border-color:var(--accent); text-decoration:none}
.schip.is-active{background:var(--accent); color:#fff; border-color:var(--accent)}
.schip__n{opacity:.55; font-size:11px}
.schip.is-active .schip__n{opacity:.85}

/* ── Результаты поиска ─────────────────────────────────────────────────────*/
.search-status{color:var(--muted); font-size:15px; margin:6px 0 18px}
.search-status b{color:var(--ink)}
.search-dym{margin-top:8px; font-size:15px; color:var(--muted)}
.search-dym a{font-weight:700; color:var(--accent-ink)}
.search-results{display:flex; flex-direction:column; gap:12px}
.sres{display:block; background:var(--surface); border:1px solid var(--line); border-radius:14px;
  padding:14px 18px; box-shadow:var(--shadow); transition:transform .14s ease, box-shadow .14s ease}
.sres:hover{transform:translateY(-1px); box-shadow:var(--shadow-hover); text-decoration:none}
.sres__top{display:flex; justify-content:space-between; gap:10px; font-size:12.5px}
.sres__board{color:var(--accent-ink); font-weight:700; text-transform:uppercase; letter-spacing:.03em}
.sres__date{color:var(--muted); font-variant-numeric:tabular-nums}
.sres__title{font-family:var(--font-head); font-weight:700; font-size:17px; color:var(--ink); margin:4px 0}
.sres:hover .sres__title{color:var(--accent-ink)}
.sres__snip{color:#5a5550; font-size:14.5px; line-height:1.5}
.sres__snip b{background:#fff1b8; color:#3a2f10; border-radius:3px; padding:0 2px; font-weight:700}
.sres__author{color:var(--muted); font-size:12.5px; margin-top:6px}
.search-pager{display:flex; gap:6px; flex-wrap:wrap; justify-content:center; margin:26px 0 6px}
.spage{min-width:42px; text-align:center; padding:9px 13px; border:1px solid var(--line); border-radius:10px;
  background:var(--surface); color:var(--ink); font-family:var(--font-head); font-weight:700; font-size:14px}
.spage:hover{border-color:var(--accent); text-decoration:none}
.spage.is-active{background:var(--accent); color:#fff; border-color:var(--accent)}
.topic-pager{margin:16px 0; justify-content:flex-start}
.spage-gap{align-self:center; padding:0 4px; color:var(--muted); font-weight:700}
.post{scroll-margin-top:84px}
:target.post{box-shadow:0 0 0 3px var(--accent-soft), var(--shadow)}

/* Уважение к prefers-reduced-motion (правило reduced-motion) */
@media (prefers-reduced-motion:reduce){*{transition:none!important; animation:none!important}}