:root{
  --paper:#ffffff;
  --paper2:#f6f3ec;
  --ink:#16130f;
  --ink2:#2b2620;
  --muted:#726a5e;
  --rule:#e4ded2;
  --rule2:#d6cfc0;
  --accent:#9c1c1c;
  --accent2:#7a1414;
  --link:#123a6b;
  --serif:Georgia,'PT Serif','Times New Roman',serif;
  --sans:-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}

/* Шапка */
.dateline{background:var(--ink);color:#e9e3d6;font-family:var(--sans);font-size:11px;letter-spacing:.5px;text-transform:uppercase}
.dateline .wrap{display:flex;justify-content:space-between;align-items:center;height:32px}
.dateline .c{color:#d9b25a}
.dateline .ib{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px}
.dateline .ib .ib-ico{opacity:.7;flex:none}
.dateline .ib #ib-geo{color:#d9b25a;font-weight:600}
.dateline .ib #ib-clock{color:#fff;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;letter-spacing:.3px}
@media(max-width:640px){.dateline .ib{gap:7px}.dateline .ib #ib-geo{max-width:100px;overflow:hidden;text-overflow:ellipsis}}

/* Виджет погоды в сайдбаре (как ukr.net) */
aside .box.weather h4{background:#1a5276}
.box.weather .w-top{display:flex;align-items:center;gap:12px;padding:14px 16px 2px}
.box.weather .w-ico{display:flex;align-items:center;flex:none;width:44px;height:44px}
.box.weather .w-temp{font-size:40px;font-weight:700;font-family:var(--serif);color:var(--ink)}
.box.weather .w-city{padding:0 16px;font-family:var(--sans);font-weight:700;font-size:15px;color:var(--ink)}
.box.weather .w-desc{padding:2px 16px 10px;font-family:var(--sans);font-size:13px;color:var(--muted)}
.box.weather .w-det{list-style:none;margin:0;padding:0 16px 14px;font-family:var(--sans);font-size:13px}
.box.weather .w-det li{display:flex;justify-content:space-between;padding:6px 0;border-top:1px dashed var(--rule);color:var(--muted)}
.box.weather .w-det li:first-child{border-top:0}
.box.weather .w-det b{color:var(--ink);font-weight:600}
.box.weather .w-change{display:block;width:100%;margin:0;padding:9px 14px;border:0;border-top:1px solid var(--rule);background:var(--paper2);font-family:var(--sans);font-size:12px;color:var(--link);cursor:pointer}
.box.weather .w-change:hover{background:var(--rule);color:var(--accent)}
.masthead{text-align:center;padding:26px 0 16px;border-bottom:3px double var(--ink)}
.masthead .logo{display:inline-block}
.masthead h1,.masthead .logo-h1{display:block;margin:0;font-family:var(--serif);font-weight:700;font-size:clamp(32px,6.5vw,64px);letter-spacing:.5px;text-transform:uppercase;line-height:1;color:var(--ink)}
.masthead a.logo:hover{text-decoration:none}
.kicker{font-family:var(--sans);text-transform:uppercase;letter-spacing:3px;font-size:clamp(9px,1.5vw,11px);color:var(--muted);margin:12px 0 0}
nav.rubrics{border-bottom:2px solid var(--ink);position:sticky;top:0;background:var(--paper);z-index:20}
nav.rubrics .wrap{display:flex;flex-wrap:wrap}
nav.rubrics a{position:relative;font-family:var(--sans);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--ink);padding:12px 15px;border-right:1px solid var(--rule)}
nav.rubrics a:hover{background:var(--paper2);color:var(--accent);text-decoration:none}
nav.rubrics a.on{color:var(--accent)}
nav.rubrics a.home{display:inline-flex;align-items:center;padding:0 15px;color:var(--ink)}
nav.rubrics a.home:hover{color:var(--accent);background:var(--paper2)}
.nav-tools{margin-left:auto;display:flex;align-items:stretch}
.nav-tool{display:inline-flex;align-items:center;gap:7px;padding:0 15px;border:0;border-left:1px solid var(--rule);background:transparent;font-family:var(--sans);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1;cursor:pointer;color:var(--ink);text-decoration:none}
.nav-tool:hover{background:var(--paper2);text-decoration:none}
nav.rubrics a.soon{color:var(--muted)}
nav.rubrics a.soon i{font-style:normal;font-family:var(--sans);font-size:8px;letter-spacing:1px;vertical-align:super;margin-left:3px;color:#b98b2e}

/* Сетка */
.grid{display:grid;grid-template-columns:1fr 330px;gap:38px;padding:28px 0 10px}
@media(max-width:860px){.grid{grid-template-columns:1fr;gap:26px}}
.section-title{font-family:var(--sans);text-transform:uppercase;letter-spacing:1.5px;font-size:12px;color:var(--accent);font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:6px;margin:26px 0 18px}

/* Лід */
.lead{border-bottom:1px solid var(--rule);padding-bottom:22px}
.lead-img img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:14px;background:var(--paper2)}
.lead h2{font-size:clamp(24px,3.6vw,38px);line-height:1.14;margin:6px 0 8px;font-weight:700}
.lead h2 a{color:var(--ink)}
.lead h2 a:hover{color:var(--accent)}
.lead .dek{font-size:18px;color:var(--ink2);margin:0}
.meta{font-family:var(--sans);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}

/* Стрічка карток */
.feed{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px}
.feed.wide{grid-template-columns:1fr 1fr 1fr}
@media(max-width:860px){.feed.wide{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.feed,.feed.wide{grid-template-columns:1fr}}
.card{border-bottom:1px solid var(--rule);padding-bottom:16px}
.card-img img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:10px;background:var(--paper2)}
.card h3{font-size:19px;line-height:1.25;margin:6px 0 5px;font-weight:700}
.card h3 a{color:var(--ink)}
.card h3 a:hover{color:var(--accent)}
.card .dek{font-size:14.5px;color:var(--ink2);margin:0}

/* Бічна колонка */
aside .box{border:1px solid var(--rule2);margin-bottom:22px}
aside .box h4{font-family:var(--sans);text-transform:uppercase;letter-spacing:1.2px;font-size:12px;color:#fff;background:var(--accent);margin:0;padding:9px 14px}
aside .box.live ul{list-style:none;margin:0;padding:6px 14px}
aside .box.live li{padding:9px 0;border-bottom:1px dashed var(--rule);font-size:14.5px;line-height:1.35}
aside .box.live li:last-child{border-bottom:0}
aside .box.live li a{color:var(--ink)}
aside .box.live li a:hover{color:var(--accent)}
aside .box.live li span{display:block;font-family:var(--sans);font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-top:3px}
aside .box.live li.load{color:var(--muted);border:0;font-family:var(--sans);font-size:13px}
aside .box.dark{background:var(--ink);border-color:var(--ink);padding-bottom:16px}
aside .box.dark h4{background:transparent;color:#d9b25a;border-bottom:1px solid #38322a}
aside .box.dark p{color:#e5ded2;font-size:14.5px;padding:0 14px;margin:12px 0}
.soon-tag{display:inline-block;margin:0 14px;font-family:var(--sans);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#0e0c09;background:#d9b25a;padding:4px 10px;border-radius:2px}
/* Блок допомоги */
aside .box.help{border-color:var(--accent)}
aside .box.help h4{background:var(--accent)}
.box.help p{font-size:14px;padding:0 14px;margin:10px 0;color:var(--ink2)}
.box.help .help-line{padding:2px 14px 4px;font-family:var(--sans)}
.box.help .help-line b{font-size:22px;color:var(--accent);margin-right:6px}
.box.help .help-line span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.box.help .help-btn{display:block;margin:12px 14px 14px;text-align:center;background:var(--accent);color:#fff;font-family:var(--sans);font-weight:600;font-size:13px;padding:10px;border-radius:3px;text-decoration:none}
.box.help .help-btn:hover{background:var(--accent2);text-decoration:none;color:#fff}
.box.help .help-test{display:block;text-align:center;margin:0 14px 14px;font-family:var(--sans);font-size:13px;color:var(--accent);text-decoration:none;font-weight:600}
.box.help .help-test:hover{text-decoration:underline}

/* Реклама (баннеры): тонка ГОРИЗОНТАЛЬНА полоса 8:1 (1200x150). Низька смуга,
   не займає багато місця. Банер уже 8:1 -> cover заповнює без обрізки. */
.ad{position:relative;display:block;text-decoration:none;border:1px solid var(--rule2);overflow:hidden;background:var(--paper2);transition:box-shadow .15s;aspect-ratio:8/1}
.ad:hover{text-decoration:none;box-shadow:0 4px 18px rgba(20,17,13,.22)}
.ad .ad-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ad.plain .ad-scrim{display:none}
.ad .ad-eyebrow{position:absolute;top:8px;left:8px;z-index:2;font-family:var(--sans);text-transform:uppercase;letter-spacing:1.5px;font-size:9px;color:#fff;background:rgba(20,17,13,.55);padding:3px 7px;border-radius:2px}
.ad .ad-scrim{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;gap:12px;padding:16px 16px 14px;background:linear-gradient(to top,rgba(12,10,8,.94),rgba(12,10,8,.72) 55%,rgba(12,10,8,0));color:#fff}
.ad .ad-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.ad .ad-title{font-family:var(--serif);font-weight:700;line-height:1.18;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.ad .ad-hook{font-family:var(--sans);font-size:12.5px;line-height:1.35;color:#f0ece2}
.ad .ad-cta{flex:none;white-space:nowrap;font-family:var(--sans);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;color:#0e0c09;background:#d9b25a;padding:8px 14px;border-radius:3px}
.ad:hover .ad-cta{background:#e8c473}
/* вертикальний слот (сайдбар): вужчий, текст колонкою */
.ad.rect{margin-bottom:22px}
.ad.rect .ad-scrim{flex-direction:column;gap:8px}
.ad.rect .ad-title{font-size:19px}
/* горизонтальний слот (у статті/рубриці): та сама пропорція, кнопка праворуч */
.ad.wide{margin:22px 0}
.ad.wide .ad-scrim{align-items:flex-end;justify-content:space-between}
.ad.wide .ad-title{font-size:22px}
.ad.wide .ad-cta{align-self:flex-end}

/* Порожньо */
.empty{text-align:center;padding:50px 20px;border:1px solid var(--rule);background:var(--paper2)}
.empty h2{font-size:26px;margin:0 0 10px}
.empty p{color:var(--ink2);max-width:520px;margin:0 auto;font-size:16px}

/* Рубрика */
.rubric-head{border-bottom:2px solid var(--ink);margin:22px 0 18px}
.rubric-head h1{font-size:clamp(26px,5vw,40px);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}

/* Стаття */
.article-wrap{max-width:760px;margin:0 auto;padding:26px 0 10px}
.crumbs{font-family:var(--sans);font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:14px}
.article h1{font-size:clamp(28px,5vw,44px);line-height:1.14;margin:8px 0 12px;font-weight:700}
.article .lede{font-size:20px;line-height:1.5;color:var(--ink2);margin:0 0 18px;font-weight:600}
figure.hero{margin:0 0 8px}
figure.hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--paper2)}
figure.hero figcaption{font-family:var(--sans);font-size:12px;color:var(--muted);padding:6px 2px;border-bottom:1px solid var(--rule)}
.article .body{font-size:18px;line-height:1.7;color:var(--ink2)}
.article .body p{margin:0 0 16px}
.article .body h2{font-family:var(--serif);font-size:25px;margin:26px 0 10px;color:var(--ink);border-bottom:1px solid var(--rule);padding-bottom:6px}
.article .body a{color:var(--link)}
.article .body ul,.article .body ol{padding-left:22px;margin:0 0 16px}
.article .body li{margin:6px 0}
.source{font-family:var(--sans);font-size:13px;color:var(--muted);border-left:3px solid var(--accent);padding:6px 12px;background:var(--paper2);margin:22px 0}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.tags span{font-family:var(--sans);font-size:12px;color:var(--muted);background:var(--paper2);border:1px solid var(--rule);padding:4px 10px;border-radius:2px}
.author-sign{font-family:var(--sans);font-size:13px;color:var(--ink);border-top:1px solid var(--rule);padding-top:14px;margin-top:20px;font-weight:600}
.share{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0;padding:10px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.share span{font-family:var(--sans);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}
.share a,.share button{font-family:var(--sans);font-size:12px;padding:6px 12px;border:1px solid var(--rule2);border-radius:3px;background:var(--paper2);color:var(--ink);cursor:pointer;text-decoration:none}
.share a:hover,.share button:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.related{margin-top:36px}
.related .feed{grid-template-columns:1fr 1fr}
@media(max-width:560px){.related .feed{grid-template-columns:1fr}}

/* Статичні сторінки */
.page{max-width:760px;margin:0 auto;padding:30px 0 20px}
.page h1{font-size:clamp(28px,5vw,42px);line-height:1.15;margin:0 0 6px}
.page .sub{font-family:var(--sans);color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:12px;margin-bottom:22px;border-bottom:1px solid var(--rule);padding-bottom:14px}
.page h2{font-size:24px;margin:28px 0 10px;border-bottom:1px solid var(--rule);padding-bottom:6px}
.page p{font-size:17px;line-height:1.65;color:var(--ink2);margin:0 0 14px}
.page table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:14px;margin:14px 0}
.page table td{border:1px solid var(--rule2);padding:9px 12px;vertical-align:top}
.page table td:first-child{background:var(--paper2);font-weight:600;width:38%;color:var(--muted)}

/* Підвал */
footer{border-top:3px double var(--ink);margin-top:34px;padding:28px 0 44px;font-family:var(--sans)}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;font-size:14px;color:var(--muted)}
@media(max-width:700px){footer .cols{grid-template-columns:1fr;gap:20px}}
footer .subscribe{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--rule)}
footer .subscribe .sub-txt b{display:block;font-family:var(--serif);font-size:19px;color:var(--ink)}
footer .subscribe .sub-txt span{font-size:13px;color:var(--muted)}
footer .subscribe .sub-form{display:flex;flex-direction:column;gap:8px;flex:1;min-width:260px}
footer .subscribe .sub-row{display:flex;gap:8px}
footer .subscribe .sub-form input[type=email]{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--rule2);border-radius:3px;font-family:var(--sans);font-size:14px;background:#fff}
footer .subscribe .sub-form button{background:var(--accent);color:#fff;border:0;border-radius:3px;padding:10px 20px;font-family:var(--sans);font-weight:600;font-size:14px;cursor:pointer}
footer .subscribe .sub-form button:hover{background:var(--accent2)}
footer .subscribe .sub-consent{display:flex;gap:7px;align-items:flex-start;font-family:var(--sans);font-size:11.5px;color:var(--muted);line-height:1.4}
footer .subscribe .sub-consent input{margin-top:2px}
footer .subscribe .sub-consent a{color:var(--link)}
footer .subscribe .sub-msg{width:100%;font-family:var(--sans);font-size:13px;color:var(--accent)}
footer .brand{font-family:var(--serif);font-size:22px;color:var(--ink);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
footer p{margin:0;line-height:1.5}
footer h5{text-transform:uppercase;letter-spacing:1px;font-size:12px;color:var(--ink);margin:0 0 10px}
footer .fnav{display:flex;flex-direction:column;gap:7px}
footer .fnav a{color:var(--muted)}
footer .fine{margin-top:22px;padding-top:14px;border-top:1px solid var(--rule);font-size:12px;color:var(--muted);line-height:1.5}

/* Телефон: качественная адаптация */
@media(max-width:640px){
  .wrap{padding:0 14px}
  .dateline .wrap{height:30px}
  .dateline .c{display:none}
  .dateline .wrap span{font-size:10px}
  .masthead{padding:18px 0 12px}
  .masthead h1{font-size:clamp(26px,8.5vw,40px)}
  .kicker{letter-spacing:2px;margin-top:8px}
  /* меню - горизонтальный скролл вместо переноса в много строк */
  nav.rubrics .wrap{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  nav.rubrics .wrap::-webkit-scrollbar{display:none}
  nav.rubrics a{white-space:nowrap;padding:11px 13px;font-size:12px}
  .grid{padding-top:18px;gap:22px}
  .lead h2{font-size:23px}
  .lead .dek{font-size:16px}
  .section-title{margin-top:20px}
  .article-wrap{padding-top:18px}
  .article .body{font-size:17px;line-height:1.65}
  .article .body h2{font-size:22px}
  .page{padding-top:20px}
  footer{padding:22px 0 34px}
  .ad.rect{aspect-ratio:16/10;min-height:0}
}
/* очень узкие экраны */
@media(max-width:380px){
  .masthead h1{font-size:24px}
  .feed,.feed.wide{gap:18px}
}

/* ===== Тёмная тема ===== */
:root[data-theme="dark"]{--paper:#151310;--paper2:#201c17;--ink:#ece6da;--ink2:#cdc5b6;--muted:#968d7f;--rule:#332e26;--rule2:#423b31;--accent:#e2635a;--accent2:#cb524a;--link:#8fb4e6}
:root[data-theme="dark"] .dateline{background:#0d0b08}
:root[data-theme="dark"] nav.rubrics{background:var(--paper)}
:root[data-theme="dark"] aside .box.dark{background:#0d0b08;border-color:#0d0b08}
:root[data-theme="dark"] input,:root[data-theme="dark"] textarea{background:#1c1913;color:var(--ink);border-color:var(--rule2)}
:root[data-theme="dark"] .empty,:root[data-theme="dark"] .ad{background:var(--paper2)}
:root[data-theme="dark"] .lead-img img,:root[data-theme="dark"] .card-img img,:root[data-theme="dark"] figure.hero img{background:var(--paper2)}
:root[data-theme="dark"] aside .box{background:var(--paper2)}
:root[data-theme="dark"] .masthead .kicker,:root[data-theme="dark"] .card .dek,:root[data-theme="dark"] .lead .dek{color:var(--ink2)}

/* Поиск */
.search-form{display:flex;gap:8px;max-width:600px;margin:0 0 22px}
.search-form input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--rule2);border-radius:3px;font-family:var(--sans);font-size:15px;background:#fff}
.search-form button{background:var(--accent);color:#fff;border:0;border-radius:3px;padding:12px 22px;font-family:var(--sans);font-weight:600;font-size:15px;cursor:pointer}
.search-info{font-family:var(--sans);color:var(--muted);font-size:14px;margin:0 0 16px}

/* Популярне */
aside .box.popular h4{background:#0e0c09;color:#d9b25a}
.box.popular ol{list-style:none;counter-reset:p;margin:0;padding:8px 14px 12px}
.box.popular li{counter-increment:p;display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--rule);font-size:14.5px;line-height:1.35}
.box.popular li:last-child{border-bottom:0}
.box.popular li::before{content:counter(p);font-family:var(--sans);font-weight:700;font-size:16px;color:var(--accent);flex:none;width:16px}
.box.popular li a{color:var(--ink)}
.box.popular li a:hover{color:var(--accent)}

/* Віджет зворотного дзвінка */
.cb-ov{position:fixed;inset:0;z-index:100;background:rgba(12,10,8,.62);display:flex;align-items:center;justify-content:center;padding:18px}
.cb-ov[hidden]{display:none}
.cb-box{position:relative;background:#fff;border-radius:6px;max-width:420px;width:100%;padding:26px 24px 22px;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.cb-box h3{font-family:var(--serif);font-size:24px;margin:0 0 8px;color:var(--ink)}
.cb-box p{font-family:var(--sans);font-size:14px;color:var(--muted);margin:0 0 16px;line-height:1.5}
.cb-box input{width:100%;padding:13px 14px;border:1px solid var(--rule2);border-radius:5px;font-family:var(--sans);font-size:17px;letter-spacing:.5px}
.cb-go{width:100%;margin-top:12px;background:#1e6b3a;color:#fff;border:0;border-radius:5px;padding:14px;font-family:var(--sans);font-weight:700;font-size:15px;cursor:pointer}
.cb-go:hover{background:#175530}
.cb-go:disabled{opacity:.6;cursor:default}
.cb-x{position:absolute;top:8px;right:10px;border:0;background:transparent;font-size:24px;line-height:1;color:var(--muted);cursor:pointer}
.cb-x:hover{color:var(--ink)}
.cb-msg{font-family:var(--sans);font-size:13.5px;color:var(--accent);margin-top:12px;text-align:center;line-height:1.45}
.cb-msg b{color:#1e6b3a}
.box.help .help-btn{border:0;width:calc(100% - 28px);cursor:pointer;font-size:14px}
.box.help .help-sos{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:13px}
.box.help .help-sos svg{flex:none;opacity:.95}
.cb-timer{font-family:var(--serif);font-size:54px;font-weight:700;color:#1e6b3a;text-align:center;padding:22px 0 4px;font-variant-numeric:tabular-nums;letter-spacing:1px}
.cb-timer-txt{text-align:center;font-family:var(--sans);font-size:14px;color:var(--muted);margin:0 0 8px;line-height:1.5}

/* Подвал: юридические ссылки отдельной строкой */
footer .legal{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid var(--rule);font-family:var(--sans);font-size:12.5px}
footer .legal a{color:var(--muted)}
footer .legal a:hover{color:var(--accent)}
footer .legal span{color:var(--rule2)}
footer .legal + .fine{margin-top:12px;padding-top:0;border-top:0}
/* Мобилка: about на всю ширину, рубрики и издание - в 2 столбика */
@media(max-width:700px){
  footer .cols{grid-template-columns:1fr 1fr;gap:20px 18px}
  footer .cols > div:first-child{grid-column:1 / -1}
  footer .fnav{gap:9px}
  footer .fnav a{font-size:13.5px}
  footer .legal{justify-content:center;text-align:center}
}

/* SOS: не сливается с блоком + спокойная пульсация (привлекает, но не мигалка) */
.box.help .help-sos{position:relative;background:#8f1111;box-shadow:0 2px 10px rgba(0,0,0,.18);animation:sosPulse 2.4s ease-out infinite}
.box.help .help-sos:hover{background:#6f0d0d;animation-play-state:paused}
@keyframes sosPulse{
  0%{box-shadow:0 2px 10px rgba(0,0,0,.18), 0 0 0 0 rgba(143,17,17,.55)}
  70%{box-shadow:0 2px 10px rgba(0,0,0,.18), 0 0 0 12px rgba(143,17,17,0)}
  100%{box-shadow:0 2px 10px rgba(0,0,0,.18), 0 0 0 0 rgba(143,17,17,0)}
}
@media(prefers-reduced-motion:reduce){.box.help .help-sos{animation:none}}

/* --- Скролінг: довга стрічка не повинна ламати сторінку --- */
html{scroll-behavior:smooth;scroll-padding-top:64px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{overflow-x:hidden}

/* Бічна колонка тримається у полі зору й гортається окремо (тільки десктоп) */
@media(min-width:861px){
  .grid{align-items:start}
  aside{position:sticky;top:52px;align-self:start;max-height:calc(100vh - 64px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--rule2) transparent}
  aside::-webkit-scrollbar{width:6px}
  aside::-webkit-scrollbar-thumb{background:var(--rule2);border-radius:3px}
  aside::-webkit-scrollbar-track{background:transparent}
}

/* Жива стрічка новин: власний скрол, а не нескінченний стовпчик */
aside .box.live ul{max-height:320px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
aside .box.live ul::-webkit-scrollbar{width:5px}
aside .box.live ul::-webkit-scrollbar-thumb{background:var(--rule2);border-radius:3px}

/* Довантаження стрічки замість довжелезної сторінки */
.feed .card.hid{display:none}
.more-wrap{display:flex;justify-content:center;padding:26px 0 4px}
.more-btn{font-family:var(--sans);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--ink);background:transparent;border:1px solid var(--ink);padding:12px 30px;cursor:pointer;transition:background .15s,color .15s}
.more-btn:hover{background:var(--ink);color:var(--paper)}
.more-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Кнопка «нагору» для довгих сторінок */
#toTop{position:fixed;right:18px;bottom:88px;width:42px;height:42px;border:1px solid var(--rule2);background:var(--paper);color:var(--ink);cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(0,0,0,.14);z-index:30}
#toTop.on{display:flex}
#toTop:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media(max-width:560px){#toTop{right:12px;bottom:78px;width:38px;height:38px}}

/* Розкриття звʼязку з видавцем на статтях, де джерело - ninarkotikam */
.coi-note{font-family:var(--sans);font-size:12.5px;line-height:1.5;color:var(--muted);background:var(--paper2);border-left:3px solid var(--rule2);padding:9px 13px;margin:14px 0}