/*
Theme Name: N₂OChronicle
Theme URI: https://n2ochronicle.ru
Author: N₂OChronicle
Description: Старинная научная газета о закиси азота, переосмысленная для 2026 года. Кремово-жёлтая бумага, золотой акцент, засечковые шрифты, 3-колонная газетная вёрстка на главной. Уникальные виджеты: счётчик дней с открытия N₂O Пристли, хронология событий, цитата выпуска. Dropcap, pullquote, колонные разделители. Комментарии — «Письма читателей».
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: n2ochronicle
Tags: magazine, newspaper, light, gold, serif, columns, vintage, right-sidebar, translation-ready
*/

/* ============================================================
   ДИЗАЙН-СИСТЕМА
   ============================================================ */
:root {
  --paper:        #fdf8f0;
  --paper2:       #f7f0e4;
  --paper3:       #efe6d4;
  --border:       #c9b99a;
  --border2:      #a89070;

  --gold:         #8b6914;
  --gold-dark:    #6b4f0f;
  --gold-light:   #d4a017;
  --gold-pale:    #f5ecd8;

  --ink:          #1a1209;
  --ink-soft:     #2c1f0d;
  --ink-mid:      #3d2b1a;
  --ink-muted:    #5c4230;
  --ink-faint:    #7a5c3e;
  --ink-ghost:    #a08060;
  --ink-pale:     #c9b99a;

  --font-serif:   'Playfair Display', 'Georgia', serif;
  --font-sans:    'Plus Jakarta Sans', 'Helvetica Neue', sans-serif;
  --font-mono:    'IBM Plex Mono', 'Courier New', monospace;
  --font-body:    'Lora', 'Georgia', serif;

  --sp-xs:4px;  --sp-sm:8px;   --sp-md:16px;
  --sp-lg:24px; --sp-xl:40px;  --sp-2xl:64px;

  --sidebar-w:  260px;
  --container:  1280px;
  --r:          3px;
  --r-md:       6px;
  --ease:       cubic-bezier(.4,0,.2,1);
  --dur:        .2s;
  --t:          all var(--dur) var(--ease);
}

/* ============================================================
   RESET
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:var(--paper2);color:var(--ink);font-family:var(--font-body);line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none;transition:var(--t)}
img{max-width:100%;height:auto;display:block}
ul,ol{padding-left:1.5rem}
::selection{background:var(--gold);color:var(--paper)}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--paper2)}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}
::-webkit-scrollbar-thumb:hover{background:var(--gold)}

/* ============================================================
   ТИПОГРАФИКА
   ============================================================ */
h1,h2,h3,h4{font-family:var(--font-serif);font-weight:700;line-height:1.2;color:var(--ink);letter-spacing:-.01em}
h1{font-size:clamp(1.8rem,3.5vw,2.8rem)}
h2{font-size:clamp(1.2rem,2vw,1.65rem)}
h3{font-size:1.05rem}
p{margin-bottom:var(--sp-md)}
p:last-child{margin-bottom:0}

/* DROPCAP */
.has-dropcap::first-letter{
    font-family:var(--font-serif);
    font-size:4.2em;
    font-weight:900;
    float:left;
    line-height:.82;
    margin-right:5px;
    margin-top:3px;
    color:var(--gold);
}

/* ============================================================
   РУБРИКИ — В СТИЛЕ ГАЗЕТЫ
   ============================================================ */
.cat-label{
    display:inline-block;
    font-family:var(--font-mono);
    font-size:.6rem;font-weight:700;
    letter-spacing:.15em;text-transform:uppercase;
    color:var(--gold);
    border-top:2px solid var(--gold);
    border-bottom:1px solid var(--gold);
    padding:2px 0;
    line-height:1.6;
}
.cat-discovery{color:var(--gold)}
.cat-production{color:#2563eb}
.cat-health{color:#7c3aed}
.cat-transport{color:#dc2626}
.cat-ecology{color:#059669}
.cat-law{color:#ea580c}
.cat-history{color:var(--gold-dark)}
.cat-interview{color:#9d174d}

/* ============================================================
   ШАПКА ГАЗЕТЫ
   ============================================================ */
.site-header-ch{
    background:var(--paper);
    border-bottom:3px double var(--gold);
    position:sticky;top:0;z-index:500;
}

.header-dateline{
    max-width:var(--container);margin:0 auto;padding:8px 20px 6px;
    display:flex;justify-content:space-between;align-items:center;
    border-bottom:1px solid var(--border);
    font-family:var(--font-mono);font-size:.62rem;
    color:var(--gold);letter-spacing:.08em;
}
.header-dateline-center{
    font-size:.58rem;color:var(--ink-ghost);
    letter-spacing:.05em;font-style:italic;
}

.header-masthead{
    max-width:var(--container);margin:0 auto;
    padding:10px 20px 8px;text-align:center;
    border-bottom:1px solid var(--border);
}
.masthead-logo{
    font-family:var(--font-serif);
    font-size:clamp(2rem,5vw,3.2rem);
    font-weight:900;color:var(--ink);
    letter-spacing:-.02em;line-height:1;
}
.masthead-logo em{color:var(--gold);font-style:italic}
.masthead-subtitle{
    font-family:var(--font-mono);
    font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;
    color:var(--gold);margin-top:5px;
    padding:3px 0;
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
    display:inline-block;
}

.header-nav-ch ul,.header-nav-ch .chron-nav-list{display:flex;justify-content:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.header-nav-ch ul li,.header-nav-ch .chron-nav-list li{list-style:none}
.header-nav-ch ul li a{display:block;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);padding:6px 14px;border-right:1px solid var(--border);cursor:pointer;transition:var(--t)}
.header-nav-ch ul li:first-child a{border-left:1px solid var(--border)}
.header-nav-ch ul li a:hover,.header-nav-ch ul li.current-menu-item>a{background:var(--ink);color:var(--paper)}
.header-nav-ch {
    max-width:var(--container);margin:0 auto;
    display:flex;justify-content:center;gap:0;
    border-bottom:1px solid var(--border);
}
.header-nav-ch ul{display:flex;list-style:none;margin:0;padding:0}
.header-nav-ch ul li{list-style:none}
.header-nav-ch ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}
.header-nav-ch ul li{list-style:none}
.header-nav-ch ul li a,.nav-link-ch{
    display:block;
    font-family:var(--font-mono);font-size:.68rem;font-weight:700;
    letter-spacing:.08em;text-transform:uppercase;
    color:var(--gold);
    padding:6px 14px;
    border-right:1px solid var(--border);
    cursor:pointer;transition:var(--t);
}
.header-nav-ch ul li:first-child a,.nav-link-ch:first-child{border-left:1px solid var(--border)}
.header-nav-ch ul li a:hover,.header-nav-ch ul li.current-menu-item>a,.nav-link-ch:hover,.nav-link-ch.active{
    background:var(--ink);color:var(--paper);
}

/* Мобильное меню */
.mobile-overlay-ch{display:none;position:fixed;inset:0;background:rgba(26,18,9,.55);z-index:998}
.mobile-overlay-ch.open{display:block}
.mobile-nav-ch{position:fixed;top:0;left:0;right:0;background:var(--paper);border-bottom:3px double var(--gold);z-index:999;padding:60px 20px 20px;transform:translateY(-110%);transition:transform .35s var(--ease)}
.mobile-nav-ch.open{transform:translateY(0)}
.mobile-nav-ch ul,.mobile-nav-ch .menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}
.mobile-nav-ch ul li,.mobile-nav-ch .menu li{list-style:none;border-bottom:1px solid var(--border)}
.mobile-nav-ch ul li a,.mobile-nav-ch .menu li a{display:block;font-family:var(--font-serif);font-size:1.4rem;font-weight:700;font-style:italic;color:var(--ink);padding:10px 16px;transition:var(--t)}
.mobile-nav-ch ul li a:hover,.mobile-nav-ch .menu li.current-menu-item a{color:var(--gold);background:var(--paper2)}

.btn-ham-ch{display:none;flex-direction:column;gap:4px;background:none;border:1px solid var(--border);cursor:pointer;padding:6px 8px;z-index:1001}
.btn-ham-ch span{display:block;width:18px;height:1.5px;background:var(--gold);transition:all .3s var(--ease);transform-origin:center}
.btn-ham-ch.open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.btn-ham-ch.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.btn-ham-ch.open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

/* Поиск */
#js-ch-search-overlay{display:none;position:fixed;inset:0;background:rgba(253,248,240,.97);z-index:9000;flex-direction:column;align-items:center;justify-content:center}
#js-ch-search-overlay.open{display:flex}
.search-close-ch{position:absolute;top:20px;right:20px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--ink-ghost);font-family:var(--font-serif)}
.search-hint-ch{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-ghost);margin-bottom:20px}
.search-form-ch{display:flex;width:100%;max-width:520px;padding:0 20px;border:2px solid var(--gold);background:var(--paper)}
.search-form-ch input{flex:1;padding:12px 16px;border:none;outline:none;font-family:var(--font-body);font-size:.95rem;color:var(--ink);background:transparent}
.search-form-ch button{padding:12px 18px;background:var(--ink);border:none;color:var(--paper);cursor:pointer;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.search-form-ch button:hover{background:var(--gold)}

/* ============================================================
   ТИКЕР
   ============================================================ */
.ticker-ch{background:var(--ink);border-bottom:1px solid var(--gold-dark);padding:5px 0;overflow:hidden}
.ticker-inner-ch{max-width:var(--container);margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:12px}
.ticker-badge-ch{font-family:var(--font-mono);font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--gold);color:var(--paper);padding:3px 8px;white-space:nowrap;flex-shrink:0}
.ticker-wrap-ch{flex:1;overflow:hidden}
.ticker-text-ch{display:inline-flex;gap:32px;white-space:nowrap;animation:chTicker 28s linear infinite}
.ticker-text-ch span{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:rgba(253,248,240,.7);display:flex;align-items:center;gap:5px}
.ticker-text-ch span::before{content:'◆';color:var(--gold);font-size:.5rem}
@keyframes chTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============================================================
   3-КОЛОННАЯ ВЁРСТКА ГЛАВНОЙ
   ============================================================ */
.newspaper-columns{
    max-width:var(--container);margin:0 auto;padding:var(--sp-lg) 20px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 1px minmax(0,1.5fr) 1px minmax(0,1fr);
    gap:0;
    background:var(--paper);
    border-bottom:3px double var(--border);
}

.col-divider-ch{
    background:repeating-linear-gradient(to bottom,var(--border) 0,var(--border) 5px,transparent 5px,transparent 10px);
    margin:0 var(--sp-lg);
}

/* Секция-заголовок колонки */
.col-section-title{
    font-family:var(--font-mono);font-size:.6rem;font-weight:700;
    letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
    border-bottom:1px solid var(--border);
    padding-bottom:4px;margin-bottom:var(--sp-md);
}

/* Маленькая статья в колонке */
.col-story{
    margin-bottom:var(--sp-md);padding-bottom:var(--sp-md);
    border-bottom:1px dashed var(--border);
    cursor:pointer;transition:var(--t);
}
.col-story:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.col-story:hover{padding-left:4px}
.col-story-title{
    font-family:var(--font-serif);font-size:.95rem;font-weight:700;
    color:var(--ink);line-height:1.35;margin-bottom:4px;
    transition:color var(--dur);
}
.col-story:hover .col-story-title{color:var(--gold);text-decoration:underline;text-decoration-color:var(--border2)}
.col-story-meta{font-family:var(--font-mono);font-size:.6rem;color:var(--gold);font-style:italic;margin-bottom:4px}
.col-story-excerpt{font-family:var(--font-body);font-size:.82rem;color:var(--ink-mid);line-height:1.6}

/* Центральная колонка — главный материал */
.center-col-label{
    font-family:var(--font-mono);font-size:.62rem;font-weight:700;
    letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
    text-align:center;
    border-bottom:3px double var(--gold);
    padding-bottom:4px;margin-bottom:var(--sp-md);
}
.center-col-title{
    font-family:var(--font-serif);
    font-size:clamp(1.4rem,3vw,2rem);
    font-weight:900;color:var(--ink);
    line-height:1.2;text-align:center;
    margin-bottom:var(--sp-sm);
}
.center-col-title:hover{color:var(--gold)}
.center-col-deck{
    font-family:var(--font-body);font-size:.88rem;
    font-style:italic;color:var(--ink-mid);
    text-align:center;line-height:1.6;
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
    padding:var(--sp-sm) 0;margin-bottom:var(--sp-md);
}
.center-col-img{
    width:100%;border:1px solid var(--border);
    margin-bottom:var(--sp-md);overflow:hidden;
}
.center-col-img img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s var(--ease)}
.center-col-img:hover img{transform:scale(1.02)}
.center-col-img-ph{
    width:100%;aspect-ratio:4/3;
    background:var(--paper2);
    display:flex;align-items:center;justify-content:center;
    font-family:var(--font-mono);font-size:.65rem;font-weight:700;
    color:var(--ink-ghost);letter-spacing:.15em;text-transform:uppercase;
}
.center-col-body{
    font-family:var(--font-body);font-size:.9rem;
    line-height:1.78;color:var(--ink);
    text-align:justify;
    column-count:2;column-gap:var(--sp-md);
    column-rule:1px dashed var(--border);
}
.center-col-body p{margin-bottom:var(--sp-sm)}
.read-more-ch{
    display:inline-flex;align-items:center;gap:5px;
    font-family:var(--font-mono);font-size:.65rem;font-weight:700;
    letter-spacing:.08em;text-transform:uppercase;
    color:var(--paper);background:var(--ink);
    padding:7px 16px;
    border:1px solid var(--ink);
    cursor:pointer;transition:var(--t);
    margin-top:var(--sp-md);
}
.read-more-ch:hover{background:var(--gold);border-color:var(--gold)}

/* Колонка подписки */
.subscribe-col-box{
    border:1px solid var(--border);
    padding:var(--sp-md);
    background:var(--paper2);
    margin-top:var(--sp-md);
}
.subscribe-col-title{
    font-family:var(--font-serif);font-size:.9rem;font-weight:700;
    color:var(--ink);text-align:center;
    margin-bottom:var(--sp-sm);font-style:italic;
}
.subscribe-col-input{
    width:100%;padding:7px 8px;
    background:var(--paper);border:1px solid var(--border);
    font-family:var(--font-body);font-size:.88rem;
    color:var(--ink);outline:none;
    margin-bottom:6px;transition:border-color var(--dur);
}
.subscribe-col-input:focus{border-color:var(--gold)}
.subscribe-col-btn{
    width:100%;padding:7px;
    background:var(--ink);color:var(--paper);border:none;
    font-family:var(--font-mono);font-size:.65rem;font-weight:700;
    letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:var(--t);
}
.subscribe-col-btn:hover{background:var(--gold)}

/* ============================================================
   ГЛАВНЫЙ LAYOUT: контент + правый сайдбар
   ============================================================ */
.site-body-ch{
    max-width:var(--container);margin:0 auto;padding:0 20px;
    display:grid;grid-template-columns:1fr var(--sidebar-w);gap:0;align-items:start;
}

/* ============================================================
   КОНТЕНТ — СПИСОК СТАТЕЙ
   ============================================================ */
.main-col-ch{min-width:0;border-right:1px solid var(--border)}

.ch-section-header{
    display:flex;align-items:center;gap:var(--sp-md);
    padding:var(--sp-md) 0 var(--sp-sm);
    border-bottom:3px double var(--border);
    margin-bottom:var(--sp-md);
}
.ch-section-line{flex:1;height:1px;background:var(--border)}
.ch-section-name{
    font-family:var(--font-mono);font-size:.65rem;font-weight:700;
    letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
    white-space:nowrap;
}
.ch-section-more{
    font-family:var(--font-mono);font-size:.6rem;color:var(--ink-ghost);
    font-style:italic;transition:color var(--dur);
}
.ch-section-more:hover{color:var(--gold)}

/* СТАТЬЯ В ЛЕНТЕ — уникальный газетный стиль */
.article-row-ch{
    display:grid;grid-template-columns:1fr 100px;gap:var(--sp-md);
    padding:var(--sp-md) 0;
    border-bottom:1px solid var(--border);
    cursor:pointer;transition:var(--t);
    align-items:start;
}
.article-row-ch:hover{padding-left:4px}
.article-row-ch:last-child{border-bottom:none}
.article-row-ch:hover .article-row-title{color:var(--gold)}
.article-row-body{}
.article-row-meta{
    font-family:var(--font-mono);font-size:.6rem;color:var(--gold);
    margin-bottom:4px;display:flex;gap:var(--sp-sm);
}
.article-row-title{
    font-family:var(--font-serif);font-size:1.05rem;font-weight:700;
    color:var(--ink);line-height:1.35;margin-bottom:5px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    transition:color var(--dur);
}
.article-row-excerpt{
    font-family:var(--font-body);font-size:.82rem;color:var(--ink-mid);
    line-height:1.6;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.article-row-footer{
    display:flex;gap:var(--sp-sm);align-items:center;
    margin-top:5px;font-family:var(--font-mono);font-size:.6rem;color:var(--ink-ghost);
}
.article-row-thumb{
    width:100px;height:78px;border:1px solid var(--border);
    overflow:hidden;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    font-family:var(--font-mono);font-size:.58rem;color:var(--ink-ghost);letter-spacing:.1em;
}
.article-row-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.article-row-ch:hover .article-row-thumb img{transform:scale(1.05)}

/* Загрузить ещё */
.load-more-ch{
    display:flex;align-items:center;gap:8px;
    font-family:var(--font-mono);font-size:.68rem;font-weight:700;
    letter-spacing:.08em;text-transform:uppercase;
    padding:10px 24px;
    border:2px solid var(--ink);color:var(--ink);
    background:none;cursor:pointer;transition:var(--t);
    margin:var(--sp-xl) auto;
}
.load-more-ch:hover{background:var(--ink);color:var(--paper)}

/* ============================================================
   ПРОГРЕСС ЧТЕНИЯ
   ============================================================ */
.reading-progress-ch{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--gold);z-index:9999;transition:width .1s linear}

/* ============================================================
   ОДИНОЧНАЯ СТАТЬЯ
   ============================================================ */
.article-wrap-ch{padding:var(--sp-xl);background:var(--paper)}

/* Шапка статьи */
.article-header-ch{
    text-align:center;
    border-bottom:3px double var(--gold);
    margin-bottom:var(--sp-xl);
    padding-bottom:var(--sp-lg);
}
.article-section-ch{
    font-family:var(--font-mono);font-size:.6rem;font-weight:700;
    letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
    display:block;margin-bottom:var(--sp-sm);
}
.article-title-ch{
    font-family:var(--font-serif);
    font-size:clamp(1.8rem,4vw,3rem);
    font-weight:900;color:var(--ink);
    letter-spacing:-.02em;line-height:1.15;
    margin-bottom:var(--sp-sm);
}
.article-subtitle-ch{
    font-family:var(--font-body);font-size:1.05rem;
    font-style:italic;color:var(--ink-mid);
    line-height:1.65;margin-bottom:var(--sp-lg);
    padding-bottom:var(--sp-md);
    border-bottom:1px solid var(--border);
}
.article-byline-ch{
    display:flex;justify-content:center;align-items:center;gap:var(--sp-xl);
    font-family:var(--font-mono);font-size:.65rem;color:var(--ink-ghost);
    flex-wrap:wrap;
}
.byline-author-ch{color:var(--gold);font-weight:700;font-style:italic}

/* Фото */
.article-featured-ch{
    border:1px solid var(--border);margin-bottom:var(--sp-xl);overflow:hidden;
}
.article-featured-ch img{width:100%;max-height:500px;object-fit:cover}
.article-featured-ph-ch{
    width:100%;aspect-ratio:16/9;max-height:420px;
    background:var(--paper2);
    display:flex;align-items:center;justify-content:center;
    font-family:var(--font-mono);font-size:.65rem;font-weight:700;
    color:var(--ink-ghost);letter-spacing:.15em;text-transform:uppercase;
    margin-bottom:var(--sp-xl);
    border:1px solid var(--border);
}
.article-img-caption{
    font-family:var(--font-mono);font-size:.62rem;
    color:var(--ink-ghost);font-style:italic;
    text-align:center;margin-top:-var(--sp-md);
    margin-bottom:var(--sp-xl);padding:4px;
    border-bottom:1px solid var(--border);
}

/* Тело статьи — колонная вёрстка */
.article-body-ch{
    font-family:var(--font-body);font-size:1.05rem;
    line-height:1.88;color:var(--ink);
    column-count:2;column-gap:var(--sp-xl);
    column-rule:1px solid var(--border);
    text-align:justify;
}
.article-body-ch p{margin-bottom:var(--sp-md)}
.article-body-ch h2{
    font-family:var(--font-serif);font-size:1.1rem;font-weight:700;
    color:var(--ink);
    text-align:center;text-transform:uppercase;letter-spacing:.05em;
    margin:var(--sp-xl) 0 var(--sp-md);
    padding:var(--sp-sm) 0;
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
    column-span:all;
    font-size:.88rem;
}
.article-body-ch h3{
    font-family:var(--font-serif);font-size:1rem;font-weight:700;
    color:var(--ink);margin:var(--sp-lg) 0 var(--sp-sm);font-style:italic;
}
.article-body-ch blockquote,.pullquote-ch{
    column-span:all;
    border-top:2px solid var(--gold);
    border-bottom:2px solid var(--gold);
    padding:var(--sp-md) var(--sp-xl);
    margin:var(--sp-xl) 0;
    text-align:center;
    font-family:var(--font-serif);
    font-size:1.2rem;font-style:italic;
    color:var(--gold);line-height:1.5;
}
.article-body-ch a{color:var(--gold);border-bottom:1px solid var(--border2)}
.article-body-ch a:hover{border-color:var(--gold)}
.article-body-ch ul,.article-body-ch ol{margin:var(--sp-md) 0 var(--sp-md) var(--sp-xl)}
.article-body-ch li{margin-bottom:5px}

/* Теги и шаринг */
.article-footer-ch{
    margin-top:var(--sp-xl);padding-top:var(--sp-lg);
    border-top:3px double var(--border);
    display:flex;align-items:center;gap:var(--sp-md);flex-wrap:wrap;
}
.article-footer-label{
    font-family:var(--font-mono);font-size:.6rem;font-weight:700;
    letter-spacing:.12em;text-transform:uppercase;color:var(--ink-ghost);
}
.article-tag-ch{
    font-family:var(--font-mono);font-size:.6rem;font-weight:700;
    padding:3px 10px;border:1px solid var(--border);
    color:var(--ink-faint);cursor:pointer;transition:var(--t);display:inline-block;
}
.article-tag-ch:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-pale)}

/* Автор */
.author-box-ch{
    background:var(--paper2);border:1px solid var(--border);
    padding:var(--sp-lg);display:flex;gap:var(--sp-md);align-items:flex-start;
    margin-top:var(--sp-xl);
}
.author-avatar-ch{width:56px;height:56px;border:2px solid var(--border);flex-shrink:0;overflow:hidden}
.author-name-ch{font-family:var(--font-serif);font-size:.95rem;font-weight:700;font-style:italic;margin-bottom:2px}
.author-role-ch{font-family:var(--font-mono);font-size:.6rem;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}
.author-bio-ch{font-family:var(--font-body);font-size:.85rem;color:var(--ink-mid);margin:0;font-style:italic}

/* ============================================================
   КОММЕНТАРИИ — «ПИСЬМА ЧИТАТЕЛЕЙ»
   ============================================================ */
.comments-area-ch{
    margin-top:var(--sp-2xl);
    padding-top:var(--sp-xl);
    border-top:3px double var(--gold);
}
.comments-title-ch,.comment-reply-title{
    font-family:var(--font-serif);font-size:1.2rem;font-weight:700;
    color:var(--ink);letter-spacing:.02em;
    text-align:center;text-transform:uppercase;
    border-bottom:1px solid var(--border);
    padding-bottom:var(--sp-sm);margin-bottom:var(--sp-lg);
    font-style:italic;
}
.comment-reply-title{font-size:.95rem;text-transform:none}
.comment-list{list-style:none;padding:0;margin:0 0 var(--sp-xl)}
.comment-list .children{list-style:none;padding-left:var(--sp-xl);margin-top:var(--sp-sm);border-left:2px solid var(--border2)}
.comment-body{
    background:var(--paper);border:1px solid var(--border);
    padding:var(--sp-lg);margin-bottom:var(--sp-md);
    transition:border-color var(--dur);
}
.comment-body:hover{border-color:var(--gold-dark)}
.comment-meta{display:flex;align-items:baseline;gap:var(--sp-md);margin-bottom:var(--sp-md);padding-bottom:var(--sp-sm);border-bottom:1px dashed var(--border)}
.comment-author .fn{font-family:var(--font-serif);font-size:.95rem;font-weight:700;color:var(--ink);font-style:italic}
.comment-author .url{color:var(--gold)}
.comment-metadata a{font-family:var(--font-mono);font-size:.6rem;color:var(--ink-ghost);transition:color var(--dur)}
.comment-metadata a:hover{color:var(--gold)}
.comment-content{font-family:var(--font-body);font-size:.95rem;color:var(--ink-mid);line-height:1.75;font-style:italic}
.comment-content p{margin-bottom:var(--sp-sm)}
.comment-content p:last-child{margin-bottom:0}
.comment-awaiting-moderation{font-family:var(--font-mono);font-size:.62rem;font-weight:600;background:var(--gold-pale);color:var(--gold);padding:3px 9px;margin-bottom:var(--sp-sm);display:inline-block}
.reply{margin-top:var(--sp-sm)}
.comment-reply-link{font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-ghost);border:1px solid var(--border);padding:3px 11px;display:inline-block;transition:var(--t)}
.comment-reply-link:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-pale)}
.no-comments{font-family:var(--font-body);font-size:.9rem;color:var(--ink-ghost);text-align:center;padding:var(--sp-xl);font-style:italic;border:1px solid var(--border);margin-bottom:var(--sp-xl)}
.comment-respond{background:var(--paper2);border:1px solid var(--border);padding:var(--sp-xl);margin-top:var(--sp-xl)}
.comment-notes{font-family:var(--font-body);font-size:.82rem;color:var(--ink-ghost);margin-bottom:var(--sp-lg);font-style:italic}
.comment-notes .required{color:var(--gold)}
.comment-form-comment,.comment-form-author,.comment-form-email,.comment-form-url{margin-bottom:var(--sp-md)}
.comment-form-comment label,.comment-form-author label,.comment-form-email label,.comment-form-url label{display:block;font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.comment-form-comment textarea,.comment-form-author input,.comment-form-email input,.comment-form-url input{width:100%;padding:9px 12px;background:var(--paper);border:1px solid var(--border);font-family:var(--font-body);font-size:.92rem;color:var(--ink);outline:none;transition:border-color var(--dur);resize:vertical}
.comment-form-comment textarea{min-height:120px;line-height:1.7}
.comment-form-comment textarea:focus,.comment-form-author input:focus,.comment-form-email input:focus,.comment-form-url input:focus{border-color:var(--gold)}
.comment-form-cookies-consent{display:flex;align-items:flex-start;gap:8px;margin-bottom:var(--sp-lg)}
.comment-form-cookies-consent input[type="checkbox"]{width:15px;height:15px;margin-top:2px;accent-color:var(--gold);flex-shrink:0}
.comment-form-cookies-consent label{font-family:var(--font-body);font-size:.78rem;color:var(--ink-muted);line-height:1.5;font-style:italic}
.form-submit #submit{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:10px 26px;background:var(--ink);color:var(--paper);border:none;cursor:pointer;transition:var(--t)}
.form-submit #submit:hover{background:var(--gold)}
.required{color:var(--gold);font-weight:700}

/* ============================================================
   ПРАВЫЙ САЙДБАР
   ============================================================ */
.sidebar-right-ch{
    padding:var(--sp-lg) 0 var(--sp-lg) var(--sp-lg);
    position:sticky;top:0;
    max-height:100vh;overflow-y:auto;scrollbar-width:none;
}
.sidebar-right-ch::-webkit-scrollbar{display:none}
.sb-widget-ch{margin-bottom:var(--sp-xl)}
.sb-widget-title-ch{
    font-family:var(--font-mono);font-size:.62rem;font-weight:700;
    letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
    margin-bottom:var(--sp-md);
    border-bottom:1px solid var(--border);padding-bottom:4px;
}

/* Счётчик дней */
.days-counter-ch{
    background:var(--ink);color:var(--paper);
    padding:var(--sp-lg);text-align:center;margin-bottom:var(--sp-md);
}
.days-counter-val{
    font-family:var(--font-serif);
    font-size:2.6rem;font-weight:900;
    color:var(--gold-light);line-height:1;
    display:block;
}
.days-counter-date{font-family:var(--font-mono);font-size:.6rem;color:rgba(253,248,240,.4);letter-spacing:.1em;margin-top:2px}
.days-counter-label{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(253,248,240,.35);margin-top:5px;display:block;line-height:1.5}

/* Хронология */
.timeline-widget-ch{background:var(--paper);border:1px solid var(--border);padding:var(--sp-md)}
.timeline-item-ch{
    display:flex;gap:8px;padding:7px 5px;cursor:pointer;
    border-bottom:1px dashed var(--border);transition:var(--t);
}
.timeline-item-ch:last-child{border-bottom:none}
.timeline-item-ch:hover{background:var(--gold-pale);padding-left:10px}
.timeline-item-ch.current{background:var(--ink);padding:7px 8px}
.tl-dot-ch{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:4px;transition:background var(--dur)}
.timeline-item-ch.current .tl-dot-ch{background:var(--gold-light)}
.tl-year-ch{font-family:var(--font-serif);font-size:.88rem;font-weight:700;color:var(--gold);min-width:34px;line-height:1.4}
.timeline-item-ch.current .tl-year-ch{color:var(--gold-light)}
.tl-text-ch{font-family:var(--font-body);font-size:.78rem;color:var(--ink-mid);line-height:1.45}
.timeline-item-ch.current .tl-text-ch{color:rgba(253,248,240,.8);font-weight:600}

/* Цитата выпуска */
.quote-widget-ch{
    background:var(--paper2);border:1px solid var(--border);
    padding:var(--sp-md);
}
.quote-text-ch{
    font-family:var(--font-serif);font-size:.92rem;font-style:italic;
    color:var(--ink);line-height:1.65;margin-bottom:var(--sp-sm);
}
.quote-text-ch::before{content:'«';color:var(--gold);font-size:1.4em;line-height:0;vertical-align:-4px;margin-right:2px}
.quote-text-ch::after{content:'»';color:var(--gold);font-size:1.4em;line-height:0;vertical-align:-4px;margin-left:2px}
.quote-attr-ch{font-family:var(--font-mono);font-size:.6rem;color:var(--gold);font-weight:700;text-align:right}

/* Популярное */
.popular-item-ch{
    display:flex;gap:8px;padding:8px 0;
    border-bottom:1px dashed var(--border);
    cursor:pointer;transition:var(--t);
}
.popular-item-ch:last-child{border-bottom:none}
.popular-item-ch:hover{padding-left:5px}
.pop-num-ch{font-family:var(--font-serif);font-size:1.5rem;font-weight:900;color:var(--border2);line-height:1;flex-shrink:0;width:24px;font-style:italic;transition:color var(--dur)}
.popular-item-ch:hover .pop-num-ch{color:var(--gold)}
.pop-title-ch{font-family:var(--font-serif);font-size:.82rem;font-weight:700;color:var(--ink-mid);line-height:1.4;transition:color var(--dur)}
.popular-item-ch:hover .pop-title-ch{color:var(--gold)}
.pop-meta-ch{font-family:var(--font-mono);font-size:.58rem;color:var(--ink-ghost);margin-top:2px;font-style:italic}

/* Архив по рубрикам */
.archive-item-ch{
    display:flex;justify-content:space-between;align-items:center;
    padding:6px 0;border-bottom:1px dashed var(--border);
    cursor:pointer;transition:var(--t);
}
.archive-item-ch:last-child{border-bottom:none}
.archive-item-ch:hover{padding-left:5px}
.archive-name-ch{font-family:var(--font-body);font-size:.85rem;color:var(--ink-mid);font-style:italic;transition:color var(--dur)}
.archive-item-ch:hover .archive-name-ch{color:var(--gold)}
.archive-count-ch{font-family:var(--font-mono);font-size:.6rem;color:var(--ink-ghost)}

/* Теги */
.tags-ch{display:flex;flex-wrap:wrap;gap:4px}
.tag-ch{font-family:var(--font-mono);font-size:.6rem;font-weight:600;padding:3px 8px;border:1px solid var(--border);color:var(--ink-faint);cursor:pointer;transition:var(--t)}
.tag-ch:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-pale)}

/* ============================================================
   ФУТЕР
   ============================================================ */
.site-footer-ch{background:var(--ink);color:rgba(253,248,240,.45);padding:var(--sp-2xl) 0 0;margin-top:var(--sp-2xl)}
.footer-inner-ch{max-width:var(--container);margin:0 auto;padding:0 20px}
.footer-top-ch{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--sp-xl);margin-bottom:var(--sp-xl)}
.footer-logo-ch{font-family:var(--font-serif);font-size:1.6rem;font-weight:900;color:var(--paper);font-style:italic;margin-bottom:6px}
.footer-logo-ch em{color:var(--gold-light);font-style:italic}
.footer-desc-ch{font-family:var(--font-body);font-size:.82rem;line-height:1.65;margin-bottom:var(--sp-md);max-width:260px;font-style:italic}
.footer-social-ch{display:flex;gap:5px;flex-wrap:wrap}
.footer-soc-ch{font-family:var(--font-mono);font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border:1px solid rgba(253,248,240,.15);color:rgba(253,248,240,.35);cursor:pointer;transition:var(--t)}
.footer-soc-ch:hover{border-color:var(--gold-light);color:var(--gold-light)}
.footer-col-title-ch{font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(253,248,240,.2);margin-bottom:var(--sp-md)}
.footer-links-ch{list-style:none;padding:0}
.footer-links-ch li{margin-bottom:8px}
.footer-links-ch a{font-family:var(--font-body);font-size:.85rem;color:rgba(253,248,240,.4);transition:color var(--dur);font-style:italic}
.footer-links-ch a:hover{color:var(--gold-light)}
.footer-bottom-ch{border-top:1px solid rgba(253,248,240,.08);padding:var(--sp-md) 0;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.05em;flex-wrap:wrap;gap:8px}

/* ============================================================
   УТИЛИТЫ
   ============================================================ */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--sp-xl) 0}
.page-numbers{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--ink-faint);transition:var(--t)}
.page-numbers:hover,.page-numbers.current{border-color:var(--gold);color:var(--gold);background:var(--gold-pale)}

/* ============================================================
   АДАПТИВ
   ============================================================ */
@media(max-width:1100px){
  :root{--sidebar-w:220px}
  .newspaper-columns{grid-template-columns:minmax(0,1fr) 1px minmax(0,1.5fr)}
  .newspaper-columns>.col-divider-ch:last-of-type{display:none}
  .newspaper-columns>*:last-child{display:none}
  .footer-top-ch{grid-template-columns:1fr 1fr;gap:var(--sp-lg)}
}
@media(max-width:768px){
  .newspaper-columns{grid-template-columns:1fr}
  .col-divider-ch{display:none}
  .newspaper-columns>*:last-child{display:block}
  .site-body-ch{grid-template-columns:1fr;padding:0}
  .sidebar-right-ch{display:none}
  .btn-ham-ch{display:flex}
  .header-nav-ch ul,.header-nav-ch .chron-nav-list{display:flex;justify-content:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.header-nav-ch ul li,.header-nav-ch .chron-nav-list li{list-style:none}
.header-nav-ch ul li a{display:block;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);padding:6px 14px;border-right:1px solid var(--border);cursor:pointer;transition:var(--t)}
.header-nav-ch ul li:first-child a{border-left:1px solid var(--border)}
.header-nav-ch ul li a:hover,.header-nav-ch ul li.current-menu-item>a{background:var(--ink);color:var(--paper)}
.header-nav-ch {display:none}
  .header-dateline{display:none}
  .article-wrap-ch{padding:var(--sp-lg) var(--sp-md) var(--sp-xl)}
  .article-body-ch{column-count:1}
  .article-byline-ch{gap:var(--sp-md)}
  .footer-top-ch{grid-template-columns:1fr;gap:var(--sp-lg)}
  .footer-bottom-ch{flex-direction:column;text-align:center}
  .center-col-body{column-count:1}
}
@media(max-width:480px){
  .masthead-logo{font-size:1.8rem}
  .header-masthead{padding:8px 12px 6px}
  .article-row-ch{grid-template-columns:1fr}
  .article-row-thumb{display:none}
}