/*
Theme Name: i-Dela
Theme URI: https://i-dela.com/
Description: Тема новинного порталу i-Dela — «Контрастний журнал» (варіант 2 макета, 09.11.2026).
Version: 1.0
Author: i-Dela
Text Domain: idela
*/

/* ---------- Шрифти (OFL, роздаємо зі свого сервера) ---------- */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:600 800;font-display:swap;src:url(fonts/unbounded-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:600 800;font-display:swap;src:url(fonts/unbounded-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:600 800;font-display:swap;src:url(fonts/unbounded-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:600 800;font-display:swap;src:url(fonts/unbounded-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Кольори і базові розміри ---------- */
:root{
  --ink:#0E0F12;          /* текст і чорні смуги */
  --ink-2:#1B1D22;        /* смуга рубрик */
  --muted:#5B5F66;        /* другорядний текст на білому (контраст 6:1) */
  --line:#E4E4E1;
  --line-2:#EDEDEA;
  --soft:#F2F2F0;
  --accent:#FF5A1F;       /* заливки з чорним текстом */
  --accent-text:#C93A0A;  /* акцентний текст на білому (контраст 5:1) */
  --accent-dark:#FF6A33;  /* акцентний текст на чорному */
  --on-dark:#E6E7E9;
  --on-dark-muted:#9A9EA6;
  --nav:#D5D7DB;
  --f-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --f-display:'Unbounded','Manrope',system-ui,sans-serif;
  --r:14px;
  --gut:clamp(16px,2vw,24px);
}

/* ---------- Основа ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent-text)}
h1,h2,h3,h4{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
p{margin:0}
button{font:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;left:12px;top:12px;z-index:100;width:auto;height:auto;clip:auto;background:#fff;color:var(--ink);padding:10px 16px;border-radius:8px}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--gut)}
.icon{width:20px;height:20px;flex:none}
.icon-sm{width:16px;height:16px;flex:none}

/* ---------- Мітки ---------- */
.chip{display:inline-block;background:var(--accent);color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:6px;line-height:1.3}
a.chip:hover{color:var(--ink)}
.kicker{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}
.kicker-muted{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;color:var(--muted)}
.meta-lg{font-size:13px}

/* ---------- Шапка ---------- */
.site-header{background:var(--ink);color:#fff}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px}
.logo{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;color:#fff}
.logo:hover{color:#fff}
.logo-svg{display:block;height:clamp(24px,2.3vw,30px);width:auto;fill:currentColor}
.logo-svg .logo-dot{fill:var(--accent)}
.logo-tag{font-size:12px;color:#B9BCC2}
.hdr-actions{display:flex;align-items:center;gap:10px}
.btn-round{width:44px;height:44px;padding:0;border:1px solid #3A3D44;border-radius:999px;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.btn-round:hover{border-color:#fff;color:#fff}
.btn-accent{height:44px;padding:0 18px;border-radius:999px;background:var(--accent);color:var(--ink);font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px}
.btn-accent:hover{color:var(--ink);background:#ff7442}
.lang-switch{display:flex;border:1px solid #3A3D44;border-radius:999px;overflow:hidden}
.lang-switch a{min-width:44px;height:42px;padding:0 10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--nav)}
.lang-switch a:hover{color:#fff}
.lang-switch a[aria-current]{background:#fff;color:var(--ink)}
.rubrics{background:var(--ink-2)}
.rubrics ul{display:flex;gap:24px;overflow-x:auto;white-space:nowrap;font-size:15px;font-weight:700;scrollbar-width:none}
.rubrics ul::-webkit-scrollbar{display:none}
.rubrics a{display:block;color:var(--nav);padding:12px 0 9px;border-bottom:3px solid transparent}
.rubrics a:hover{color:#fff}
.rubrics .current-menu-item>a,.rubrics .current-cat>a,.rubrics a[aria-current]{color:#fff;border-bottom-color:var(--accent)}
.search-panel{background:var(--ink-2);border-top:1px solid #2A2D33;padding:14px 0}
.search-panel[hidden]{display:none}
.search-form{display:flex;gap:10px}
.search-form input[type=search]{flex:1;min-width:0;height:48px;border-radius:999px;border:1px solid #3A3D44;background:var(--ink);color:#fff;padding:0 20px;font:inherit;font-size:16px}
.search-form button{height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--accent);color:var(--ink);font-weight:800;cursor:pointer}
.breaking{background:var(--accent)}
.breaking a{display:flex;align-items:center;gap:14px;padding-top:10px;padding-bottom:10px;color:var(--ink)}
.breaking-label{flex:none;background:var(--ink);color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:6px}
.breaking-text{font-size:15px;font-weight:700;line-height:1.4}

/* ---------- Заглушка, коли немає фото ---------- */
.noimg{display:flex;align-items:center;justify-content:center;background:var(--ink);color:#2E3138;width:100%;height:100%}
.noimg .logo-svg{height:28%;max-height:56px;fill:#2E3138}
.noimg .logo-svg .logo-dot{fill:var(--accent)}

/* ---------- Головна: головна новина ---------- */
.hero-img{display:block;width:100%;height:clamp(260px,44vw,640px);overflow:hidden;background:var(--ink)}
.hero-img img,.hero-img .noimg{width:100%;height:100%;object-fit:cover}
.hero-card-wrap{position:relative;margin-top:calc(-1 * clamp(40px,9vw,150px))}
.hero-card{background:#fff;border-radius:18px;padding:clamp(20px,3vw,40px);max-width:880px;box-shadow:0 12px 40px rgba(14,15,18,.14)}
.hero-card .meta{margin-bottom:14px;font-size:13px}
.hero-title{font-weight:800;font-size:clamp(28px,3.8vw,56px);line-height:1.06;letter-spacing:-.025em}
.hero-lead{margin-top:16px;font-size:18px;line-height:1.55;color:#3A3E45}
.hero-more{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:0 20px;font-size:14px;font-weight:700}
.hero-more span{color:var(--muted);font-weight:600}
.hero-more a{padding:8px 0;color:var(--accent-text)}

/* ---------- Заголовки секцій ---------- */
.section{padding-top:56px}
.sec-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:24px}
.sec-title{font-family:var(--f-display);font-size:clamp(20px,2vw,26px);line-height:1.2;font-weight:700}
.sec-link{display:flex;align-items:center;gap:6px;color:var(--accent-text);font-size:14px;font-weight:800}

/* ---------- Головне за день ---------- */
.top4{display:flex;gap:24px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
.top4>li{flex:1 0 240px;min-width:0;display:flex;flex-direction:column;gap:12px;scroll-snap-align:start}
.top4-img{display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--ink)}
.top4-img img,.top4-img .noimg{width:100%;height:100%;object-fit:cover}
.top4-row{display:flex;align-items:center;gap:12px}
.top4-num{font-family:var(--f-display);font-size:30px;font-weight:800;line-height:1;color:var(--accent-text)}
.top4-title{font-size:18px;line-height:1.3;font-weight:800}

/* ---------- Ряд: стрічка праворуч + більше новин ---------- */
.row-main{display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:48px 40px;align-items:flex-start;padding-top:56px}
.col-feed{flex:1 1 340px;min-width:0}
.col-main{flex:999 1 600px;min-width:0}
.feed-head{background:var(--ink);color:#fff;border-radius:var(--r) var(--r) 0 0;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.feed-head h2{font-family:var(--f-display);font-size:17px;line-height:1.3;font-weight:700}
.live{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--accent-dark)}
.live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-dark)}
.feed-list{padding:4px 18px;border:1px solid var(--line);border-top:none;border-radius:0 0 var(--r) var(--r)}
.feed-list li{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line-2)}
.feed-list li:last-child{border-bottom:none}
.feed-list time{flex:none;width:42px;font-size:13px;font-weight:700;color:var(--muted);padding-top:1px}
.feed-list a{font-size:15px;line-height:1.4;font-weight:500}
.feed-list .is-important time{color:var(--accent-text);font-weight:800}
.feed-list .is-important a{font-weight:800}
.btn-dark{margin-top:14px;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:#fff;border-radius:999px;font-size:15px;font-weight:700}
.btn-dark:hover{color:#fff;background:#2A2D33}
.popular{margin-top:36px}
.popular h2{font-family:var(--f-display);font-size:17px;line-height:1.3;font-weight:700;margin-bottom:6px}
.popular li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line-2)}
.popular li:last-child{border-bottom:none}
.popular-num{flex:none;width:30px;font-family:var(--f-display);font-size:24px;font-weight:800;line-height:1.1;color:var(--accent-text)}
.popular a{font-size:15px;line-height:1.4;font-weight:700}

/* ---------- Картки ---------- */
.card{display:flex;flex-direction:column;gap:10px;min-width:0}
.card-img{display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--ink)}
.card-img img,.card-img .noimg{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.card:hover .card-img img{transform:scale(1.03)}
.card-title{font-size:20px;line-height:1.3;font-weight:800}
.card-lead{font-size:15px;color:var(--muted)}
.card-wide{display:flex;flex-wrap:wrap;gap:20px 28px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.card-wide .card-img{flex:1 1 320px;min-width:0;aspect-ratio:auto;height:clamp(200px,22vw,300px);border-radius:var(--r)}
.card-wide-body{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:10px}
.card-wide-title{font-size:clamp(22px,2.1vw,28px);line-height:1.15;font-weight:800;letter-spacing:-.015em}
.card-wide-body p{font-size:16px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px 24px}
.grid-after{margin-top:28px}

/* ---------- Реклама (виводиться, лише коли є код) ---------- */
.ad{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:56px}
.ad-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ad-box{width:100%;max-width:970px;min-height:250px;display:flex;align-items:center;justify-content:center}

/* ---------- Темна смуга ---------- */
.dark-band{background:var(--ink);color:#fff;margin-top:64px}
.dark-band .wrap{padding-top:56px;padding-bottom:56px}
.dark-band .sec-link{color:var(--accent-dark)}
.dark-band a:hover{color:var(--accent-dark)}
.dark-grid{display:flex;flex-wrap:wrap;gap:28px}
.dark-main{flex:2 1 520px;min-width:0;display:flex;flex-direction:column;gap:12px}
.dark-side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:28px}
.dark-img{position:relative;display:block;border-radius:var(--r);overflow:hidden;background:#1B1D22}
.dark-main .dark-img{height:clamp(220px,30vw,440px)}
.dark-side .dark-img{aspect-ratio:16/9;border-radius:12px}
.dark-img img,.dark-img .noimg{width:100%;height:100%;object-fit:cover}
.dark-img .chip{position:absolute;left:14px;top:14px}
.dark-title{font-size:clamp(22px,2.2vw,30px);line-height:1.15;font-weight:800;letter-spacing:-.015em}
.dark-side .dark-title{font-size:18px;line-height:1.3;letter-spacing:0}
.dark-band .meta{color:var(--on-dark-muted)}

/* ---------- Три колонки рубрик ---------- */
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px 40px;padding-top:64px}
.col-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:3px solid var(--accent);margin-bottom:20px}
.col-head h2{font-family:var(--f-display);font-size:20px;line-height:1.2;font-weight:700}
.col-head a.sec-link{font-size:14px}
.col .card-img{aspect-ratio:16/10}
.col .card-title{font-size:19px}
.link-list{margin-top:14px}
.link-list li{border-top:1px solid var(--line)}
.link-list a{display:block;padding:12px 0;font-size:15px;font-weight:700;line-height:1.4}
.zodiac{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.zodiac a{min-height:44px;padding:0 14px;display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:700}
.zodiac a:hover{border-color:var(--accent);color:var(--ink)}

/* ---------- Підвал ---------- */
.site-footer{background:var(--ink);color:var(--on-dark);margin-top:72px}
.site-footer .wrap{padding-top:56px;padding-bottom:28px}
.ftr-grid{display:flex;flex-wrap:wrap;gap:40px 56px}
.ftr-brand{flex:2 1 260px;min-width:0}
.ftr-brand .logo{flex-direction:column;align-items:flex-start;gap:8px}
.ftr-brand .logo-tag{color:var(--on-dark-muted)}
.ftr-brand p{margin-top:16px;font-size:15px;color:var(--on-dark-muted);max-width:320px}
.ftr-col{flex:1 1 180px;min-width:0}
.ftr-col.is-wide{flex-basis:220px}
.ftr-col h3{font-family:var(--f-display);font-size:13px;font-weight:600;color:var(--on-dark-muted);margin-bottom:6px}
.ftr-col ul{font-size:15px}
.ftr-col.is-wide ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.ftr-col a{display:block;padding:11px 0;color:var(--on-dark)}
.ftr-col a:hover,.ftr-bottom a:hover{color:var(--accent-dark)}
.ftr-bottom{margin-top:36px;padding-top:8px;border-top:1px solid #2A2D33;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 24px;font-size:13px;color:var(--on-dark-muted)}
.ftr-bottom span,.ftr-bottom a{padding:12px 0}
.ftr-bottom nav{display:flex;flex-wrap:wrap;gap:0 20px}
.ftr-bottom a{color:var(--on-dark-muted)}

/* ---------- Матеріал ---------- */
.article-row{display:flex;flex-wrap:wrap;gap:48px 56px;align-items:flex-start;padding-top:32px}
.article{flex:999 1 620px;min-width:0;max-width:800px}
.crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:18px}
.crumbs a{font-weight:700}
.article-title{font-weight:800;font-size:clamp(28px,3.4vw,46px);line-height:1.1;letter-spacing:-.02em}
.article-lead{margin-top:18px;font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:#3A3E45;font-weight:500}
.article-meta{margin-top:20px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;font-size:14px;color:var(--muted)}
.article-meta .author{color:var(--ink);font-weight:800}
.share{display:flex;gap:8px}
.share a,.share button{width:40px;height:40px;border-radius:999px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:#fff;color:var(--ink);cursor:pointer;padding:0}
.share a:hover,.share button:hover{border-color:var(--ink);color:var(--ink)}
.article-figure{margin:28px 0 0}
.article-figure img{width:100%;border-radius:var(--r);aspect-ratio:16/9;object-fit:cover;background:var(--soft)}
.article-figure figcaption{margin-top:8px;font-size:13px;color:var(--muted)}
.article-body{margin-top:28px;font-size:18px;line-height:1.7}
.article-body>*+*{margin-top:1.1em}
.article-body h2{font-size:clamp(22px,2vw,28px);line-height:1.25;font-weight:800;margin-top:1.6em;letter-spacing:-.01em}
.article-body h3{font-size:21px;line-height:1.3;font-weight:800;margin-top:1.4em}
.article-body a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.article-body ul,.article-body ol{padding-left:1.3em}
.article-body ul{list-style:disc}
.article-body ol{list-style:decimal}
.article-body li+li{margin-top:.4em}
.article-body blockquote{margin:1.4em 0;padding:4px 0 4px 22px;border-left:4px solid var(--accent);font-size:20px;font-weight:600}
.article-body img{border-radius:12px}
.article-body table{width:100%;border-collapse:collapse;font-size:16px}
.article-body th,.article-body td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.article-source{margin-top:28px;padding:14px 18px;background:var(--soft);border-radius:12px;font-size:14px;color:var(--muted)}
.article-source{margin-top:24px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.article-source a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.article-tags{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}
.article-tags a{min-height:36px;padding:0 14px;display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:700}
.related{padding-top:56px}
.side-sticky{position:sticky;top:20px}

/* ---------- Рубрика, стрічка, пошук ---------- */
.arch-head{padding-top:40px;padding-bottom:8px}
.arch-head h1{font-family:var(--f-display);font-size:clamp(26px,3vw,40px);line-height:1.15;font-weight:700}
.arch-desc{margin-top:12px;max-width:760px;font-size:17px;color:var(--muted)}
.subcats{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.subcats a{min-height:40px;padding:0 16px;display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:700}
.subcats a:hover{border-color:var(--accent);color:var(--ink)}
.subcats a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}
.stream li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.stream time{flex:none;width:52px;font-size:14px;font-weight:800;color:var(--accent-text);padding-top:2px}
.stream-body{flex:1;min-width:0}
.stream-title{font-size:18px;line-height:1.35;font-weight:700}
.stream-thumb{flex:none;width:120px;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:var(--ink)}
.stream-thumb img,.stream-thumb .noimg{width:100%;height:100%;object-fit:cover}
.day-sep{padding:22px 0 6px;font-family:var(--f-display);font-size:15px;font-weight:700;color:var(--muted);border-bottom:2px solid var(--ink)}
.pagination{margin-top:40px;display:flex;flex-wrap:wrap;gap:8px}
.pagination .page-numbers{min-width:44px;height:44px;padding:0 14px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;font-weight:700}
.pagination .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.empty{padding:40px 0;font-size:17px;color:var(--muted)}

/* ---------- Текстові сторінки ---------- */
.page-body{max-width:760px;padding-top:40px}
.page-body h1{font-family:var(--f-display);font-size:clamp(26px,3vw,38px);line-height:1.2;font-weight:700}

/* ---------- Телефон ---------- */
@media (max-width:600px){
  .logo-tag{display:none}
  .logo-svg{height:22px}
  .hdr{gap:10px}
  .hdr-actions{gap:8px}
  .lang-switch a{min-width:38px;padding:0 6px}
  .btn-accent{padding:0 12px}
  .hero-lead{font-size:17px}
  .breaking a{gap:10px}
  .breaking-text{font-size:14px}
  .article-body{font-size:17px}
  .stream-thumb{width:88px}
  .side-sticky{position:static}
}
@media (prefers-reduced-motion:reduce){.card-img img{transition:none}.card:hover .card-img img{transform:none}}