/* Полтава365 · Home_new · /ai/new/p365.css */
:root{
  --p-red:#c60311;--p-red-700:#a1020e;--p-red-text:#c60311;
  --p-navy:#133a57;--p-navy-800:#0c2a40;
  --p-ink:#16191d;--p-text:#2a2e35;--p-body:#1f2329;--p-muted:#667085;--p-line:#e4e7ec;--p-line-strong:#c9ced6;
  --p-soft:#f3f5f7;--p-soft-2:#e9edf1;--p-surface:#fff;--p-bg:#fff;--p-on-ink:#fff;
  --p-placeholder:#dfe3e8;--p-stripe:#f9fafb;--p-row-hover:#f1f4f7;--p-new:#fff3c4;
  color-scheme:light;
  --p-radius:12px;--p-radius-sm:8px;
  --p-shadow:0 1px 2px rgba(16,24,40,.06),0 8px 24px rgba(16,24,40,.08);
  --p-font:"Fira Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --p-header-h:64px;
  --p-gutter:16px;
}
/* dark theme: only when the reader switches it on (saved in localStorage); light is the default */
:root[data-theme="dark"]{
  --p-red:#d3101c;--p-red-700:#b00c17;--p-red-text:#ff6b74;
  --p-navy:#0f2536;--p-navy-800:#0a1824;
  --p-ink:#eef1f5;--p-text:#cdd5df;--p-body:#dde3ea;--p-muted:#8f9aa8;--p-line:#29323d;--p-line-strong:#3b4654;
  --p-soft:#1a2129;--p-soft-2:#232c36;--p-surface:#151b22;--p-bg:#0f1419;--p-on-ink:#0f1419;
  --p-placeholder:#2a333e;--p-stripe:#171d24;--p-row-hover:#1f2730;--p-new:#3a3416;
  --p-shadow:0 1px 2px rgba(0,0,0,.45),0 8px 24px rgba(0,0,0,.35);
  color-scheme:dark;
}
@media (min-width:768px){:root{--p-gutter:24px}}
@media (min-width:1200px){:root{--p-header-h:76px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--p-header-h) + 16px)}
body.\33 65-body{margin:0;overflow-x:clip;background:var(--p-bg);color:var(--p-text);font:400 16px/1.5 var(--p-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.\33 65-body [hidden]{display:none!important}
.\33 65-body img{max-width:100%;height:auto;border:0}
.\33 65-body a{color:inherit;text-decoration:none}
.\33 65-body a:hover{color:var(--p-red-text)}
:where(.\33 65-body) button{font:inherit;color:inherit}
.\33 65-body :focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.\33 65-body ::selection{background:var(--p-red);color:#fff}
.\33 65-wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--p-gutter)}
.\33 65-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.\33 65-skip{position:fixed;left:12px;top:-80px;z-index:1000;background:var(--p-ink);color:var(--p-on-ink)!important;padding:10px 16px;border-radius:8px;font-weight:600;transition:top .15s}
.\33 65-skip:focus{top:12px}
.\33 65-main:focus{outline:none}

/* image placeholder when an article has no photo (phpThumb "noimage") */
.\33 65-body img[src*="/noimage_"]{object-position:-99999px 0;background:var(--p-soft-2) url("../../img/logo.png") center/46% auto no-repeat;filter:grayscale(1);opacity:.6}

/* ---------- Top bar ---------- */
.\33 65-topbar{background:var(--p-navy);color:#cfdbe6;font-size:13px;line-height:1.2}
.\33 65-topbar__in{display:flex;align-items:center;gap:20px;min-height:36px}
.\33 65-topbar__date{flex:none;color:#fff;font-weight:500;white-space:nowrap}
.\33 65-topbar__clock{flex:none;color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.\33 65-topbar__weather{flex:none;display:inline-flex;align-items:center;gap:4px;color:#fff;font-weight:600;cursor:default}
.\33 65-topbar__weather .\33 65-wicon{width:20px;height:20px}
.\33 65-ticker{display:flex;align-items:center;gap:14px;min-width:0;overflow:hidden;white-space:nowrap;font-variant-numeric:tabular-nums}
.\33 65-ticker__item b{color:#fff;font-weight:600;margin-right:5px}
.\33 65-topbar__links{display:flex;gap:18px;margin-left:auto}
.\33 65-topbar__links a{color:#cfdbe6}
.\33 65-topbar__links a:hover{color:#fff}
.\33 65-social{display:flex;gap:2px}
.\33 65-social a{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;color:inherit}
.\33 65-social svg{width:16px;height:16px;fill:currentColor}
.\33 65-topbar .\33 65-social a:hover{background:rgba(255,255,255,.12);color:#fff}
@media (max-width:1023px){.\33 65-topbar__links{display:none}}
@media (max-width:767px){.\33 65-topbar .\33 65-social{display:none}.\33 65-topbar__in{justify-content:space-between;gap:12px}}
@media (max-width:479px){.\33 65-topbar__date{display:none}}
@media (max-width:419px){.\33 65-ticker__item:nth-child(n+3){display:none}}

/* ---------- Header ---------- */
.\33 65-header{position:sticky;top:0;z-index:100;background:var(--p-surface);border-bottom:1px solid var(--p-line);transition:box-shadow .2s}
.\33 65-header.is-scrolled{box-shadow:0 6px 20px rgba(16,24,40,.08)}
.\33 65-header__in{display:flex;align-items:center;gap:12px;height:var(--p-header-h)}
.\33 65-logo{display:inline-flex;align-items:center;flex:none}
.\33 65-logo img{display:block;height:38px;width:auto}
@media (min-width:1200px){.\33 65-logo img{height:46px}}
.\33 65-brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:none;min-width:0}
.\33 65-brand__since{padding-left:2px;font-size:9px;line-height:1;font-weight:600;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;color:var(--p-muted)}
@media (min-width:1200px){.\33 65-brand__since{font-size:10px;letter-spacing:.08em}}
.\33 65-header__actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.\33 65-icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid var(--p-line);background:var(--p-surface);cursor:pointer;color:var(--p-ink)}
.\33 65-icon-btn:hover{border-color:var(--p-ink)}
.\33 65-cta{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;background:var(--p-red);color:#fff!important;font-weight:700;font-size:14.5px;white-space:nowrap;transition:background .15s}
.\33 65-cta:hover{background:var(--p-red-700)}
.\33 65-theme-btn .\33 65-ico-sun{display:none}
:root[data-theme="dark"] .\33 65-theme-btn .\33 65-ico-sun{display:block}
:root[data-theme="dark"] .\33 65-theme-btn .\33 65-ico-moon{display:none}
:root[data-theme="dark"] .\33 65-article__body :is([style*="color"],font[color]){color:inherit!important}
:root[data-theme="dark"] .\33 65-article__body [style*="background"]{background-color:transparent!important}
:root[data-theme="dark"] .\33 65-search #gsc-i-id1{background:transparent!important;color:var(--p-ink)}
@media (max-width:599px){.\33 65-header__actions .\33 65-cta{display:none}}
.\33 65-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0 9px;margin-left:-8px;border:0;background:none;cursor:pointer}
.\33 65-burger span{display:block;height:2px;background:var(--p-ink);border-radius:2px}

/* nav — shared */
.\33 65-nav__list,.\33 65-nav__sub{list-style:none;margin:0;padding:0}
.\33 65-nav__head,.\33 65-nav__extra{display:none}
.\33 65-nav__row{display:flex;align-items:center}
.\33 65-nav__toggle{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:none;cursor:pointer;color:var(--p-muted)}
.\33 65-nav__toggle svg{transition:transform .2s}
.has-sub.is-open .\33 65-nav__toggle svg{transform:rotate(180deg)}
.\33 65-nav__close{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:none;cursor:pointer;color:var(--p-ink)}

/* nav — desktop */
@media (min-width:1200px){
  .\33 65-burger{display:none}
  .\33 65-nav{flex:1;min-width:0;margin-left:8px}
  .\33 65-nav__list{display:flex;align-items:center;gap:2px}
  .\33 65-nav__list>li{position:relative}
  .\33 65-nav__row{border-radius:8px}
  .\33 65-nav__row:hover{background:var(--p-soft)}
  .\33 65-nav__row>a{display:block;padding:10px 12px;font-weight:600;font-size:15.5px;color:var(--p-ink);white-space:nowrap}
  .has-sub .\33 65-nav__row>a{padding-right:0}
  .\33 65-nav__sub{display:none;position:absolute;left:0;top:100%;z-index:10;min-width:230px;margin-top:6px;padding:8px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:12px;box-shadow:var(--p-shadow)}
  .\33 65-nav__sub::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
  .has-sub:hover>.\33 65-nav__sub,.has-sub.is-open>.\33 65-nav__sub{display:block}
  .\33 65-nav__sub a{display:block;padding:8px 12px;border-radius:8px;font-size:15px;color:var(--p-text)}
  .\33 65-nav__sub a:hover{background:var(--p-soft);color:var(--p-red-text)}
  .\33 65-overlay{display:none}
}

/* nav — drawer (phones, tablets, small laptops) */
@media (max-width:1199px){
  .\33 65-nav{position:fixed;top:0;bottom:0;left:0;z-index:200;width:min(88vw,360px);padding:10px 16px 32px;background:var(--p-surface);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 0 40px rgba(0,0,0,.2);transform:translateX(-102%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
  body.\33 65-nav-open .\33 65-nav{transform:none;visibility:visible;transition:transform .25s ease,visibility 0s}
  .\33 65-nav__head{display:flex;align-items:center;justify-content:space-between;padding:4px 0 10px;margin-bottom:6px;border-bottom:1px solid var(--p-line)}
  .\33 65-nav__row{justify-content:space-between;border-bottom:1px solid var(--p-line)}
  .\33 65-nav__row>a{flex:1;display:block;padding:14px 4px;font-size:17px;font-weight:600;color:var(--p-ink)}
  .\33 65-nav__toggle{width:44px;height:44px}
  .\33 65-nav__sub{display:none;padding:6px 0 10px 12px;border-bottom:1px solid var(--p-line)}
  .has-sub.is-open>.\33 65-nav__sub{display:block}
  .\33 65-nav__sub a{display:block;padding:10px 4px;font-size:15.5px;color:var(--p-text)}
  .\33 65-nav__extra{display:grid;gap:2px;margin-top:16px}
  .\33 65-nav__extra a{padding:8px 4px;font-size:15px;color:var(--p-muted)}
  .\33 65-nav__extra .\33 65-cta{display:inline-flex;justify-self:start;margin-top:12px;color:#fff}
  .\33 65-overlay{position:fixed;inset:0;z-index:150;background:rgba(10,20,35,.5);opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s}
  body.\33 65-nav-open .\33 65-overlay{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}
  body.\33 65-nav-open{overflow:hidden}
}

/* search */
.\33 65-search{padding:12px 0;background:var(--p-surface);border-top:1px solid var(--p-line)}
/* [[$GoogleSearch]] (Google CSE, overlay results); its own <style> is the old dark theme, so these rules are more specific */
.\33 65-search .gsc-control-cse{padding:0;border:0;background:transparent;font-family:var(--p-font)}
.\33 65-search form.gsc-search-box{max-width:none;margin:0;font-size:16px}
.\33 65-search table.gsc-search-box{margin:0}
.\33 65-search .gsc-input-box{height:46px;padding:0 10px;border:1.5px solid var(--p-line);border-radius:10px;background:var(--p-surface);box-shadow:none}
.\33 65-search .gsc-input-box:focus-within{border-color:var(--p-navy);box-shadow:0 0 0 3px rgba(19,58,87,.15)}
.\33 65-search input.gsc-input{height:42px!important;font:16px var(--p-font)!important;color:var(--p-ink)}
.\33 65-search .gsib_b{height:42px}
.\33 65-search td.gsc-search-button{padding-left:8px}
.\33 65-search .gsc-search-button-v2,.\33 65-search .gsc-search-button-v2:hover,.\33 65-search .gsc-search-button-v2:focus{display:inline-grid;place-items:center;height:46px;margin:0;padding:0 20px!important;border:0;border-radius:10px;background:var(--p-red);cursor:pointer}
.\33 65-search .gsc-search-button-v2:hover{background:var(--p-red-700)}
.\33 65-search .gsc-search-button-v2 svg{width:16px;height:16px;fill:#fff}
/* the results overlay lives inside the sticky header: lift the header above everything while it is open */
.\33 65-header:has(.gsc-results-wrapper-visible){z-index:2147483000}
/* phones: the overlay fills the screen; Google's 12px close cross becomes a 44px button that stays on screen */
@media (max-width:767px){
  .gsc-results-wrapper-overlay{top:8px!important;bottom:8px!important;left:8px!important;right:8px!important;width:auto!important;height:auto!important;padding:64px 14px 14px!important}
  .gsc-results-wrapper-overlay .gsc-results-close-btn{position:fixed!important;top:18px!important;right:18px!important;z-index:2!important;width:44px!important;height:44px!important;margin:0!important;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316191d' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center/20px no-repeat!important;box-shadow:0 1px 3px rgba(16,24,40,.2),0 4px 14px rgba(16,24,40,.16);opacity:1!important;cursor:pointer}
}

/* ---------- Labels & block headings ---------- */
.\33 65-label{display:inline-block;font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--p-red-text);vertical-align:middle}
.\33 65-block__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--p-ink)}
.\33 65-block__title{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;line-height:1.2;font-weight:800;letter-spacing:-.01em;color:var(--p-ink)}
.\33 65-block__title::before{content:"";flex:none;width:10px;height:10px;border-radius:2px;background:var(--p-red)}
.\33 65-block__title a{color:inherit}
@media (min-width:1200px){.\33 65-block__title{font-size:22px}}
.\33 65-block__more{font-size:14px;font-weight:600;color:var(--p-red-text)}
.\33 65-block__more:hover{text-decoration:underline}

/* ---------- Hero slider ---------- */
.\33 65-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}
@media (min-width:768px){.\33 65-hero{margin-top:24px}}
@media (min-width:1024px){.\33 65-hero{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}}
.\33 65-slider{position:relative;overflow:hidden;border-radius:var(--p-radius);background:var(--p-ink);aspect-ratio:4/3;isolation:isolate}
@media (min-width:600px){.\33 65-slider{aspect-ratio:16/9}}
@media (min-width:1024px){.\33 65-slider{aspect-ratio:auto;height:460px}}
@media (min-width:1200px){.\33 65-slider{height:500px}}
.\33 65-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.\33 65-slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s}
.js .\33 65-slider__slides:not(:has(.is-active)) .\33 65-slide:first-child{opacity:1;visibility:visible}
.\33 65-slide__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 7s ease}
.\33 65-slide.is-active .\33 65-slide__img{transform:scale(1.08)}
.\33 65-slide::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.55) 62%,rgba(0,0,0,.9) 100%)}
.\33 65-slide__body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 16px 44px;color:#fff}
@media (min-width:768px){.\33 65-slide__body{padding:28px 28px 56px}}
.\33 65-slide .\33 65-label{padding:4px 8px;border-radius:4px;background:var(--p-red);color:#fff}
.\33 65-slide__title{margin:8px 0 0;font-size:21px;line-height:1.2;font-weight:800;letter-spacing:-.01em}
@media (min-width:768px){.\33 65-slide__title{font-size:28px}}
@media (min-width:1200px){.\33 65-slide__title{font-size:34px;line-height:1.14}}
.\33 65-slide__title a{color:#fff}
.\33 65-slide__title a::after{content:"";position:absolute;inset:0;z-index:3}
.\33 65-slide__title a:hover{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.\33 65-slide__lead{display:none;margin:10px 0 0;max-width:70ch;font-size:16px;line-height:1.45;color:rgba(255,255,255,.9)}
@media (min-width:768px){.\33 65-slide__lead{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}
.\33 65-slide__time{display:block;margin-top:8px;font-size:13px;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums}
.\33 65-slider__controls{position:absolute;right:12px;bottom:10px;z-index:5;display:flex;gap:6px}
@media (min-width:768px){.\33 65-slider__controls{right:20px;bottom:16px}}
.\33 65-slider__btn{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;backdrop-filter:blur(4px);transition:background .15s}
.\33 65-slider__btn:hover{background:rgba(255,255,255,.32)}
.\33 65-slider__btn .\33 65-ico-play{display:none}
.\33 65-hero.is-paused .\33 65-slider__btn .\33 65-ico-play{display:block}
.\33 65-hero.is-paused .\33 65-slider__btn .\33 65-ico-pause{display:none}
.\33 65-hero.is-static .\33 65-slider__controls,.\33 65-hero.is-static .\33 65-slider__dots{display:none}
.\33 65-slider__dots{position:absolute;left:16px;bottom:22px;z-index:5;display:flex;gap:6px}
@media (min-width:768px){.\33 65-slider__dots{left:28px;bottom:30px}}
@media (min-width:1024px){.\33 65-slider__dots{display:none}}
.\33 65-slider__dot{position:relative;width:22px;height:4px;padding:0;border:0;border-radius:2px;background:rgba(255,255,255,.35);cursor:pointer;overflow:hidden}
.\33 65-slider__dot::before{content:"";position:absolute;left:-12px;right:-12px;top:-14px;bottom:-14px}
.\33 65-slider__dot.is-active{width:34px;background:rgba(255,255,255,.45)}
.\33 65-slider__dot.is-active::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;transform:scaleX(1)}
.\33 65-hero.is-ticking .\33 65-slider__dot.is-active::after{animation:\33 65-progress var(--365-delay,7s) linear forwards}

.\33 65-hero__list{display:none;list-style:none;margin:0;padding:0}
@media (min-width:1024px){.\33 65-hero__list{display:flex;flex-direction:column;justify-content:space-between;height:460px}}
@media (min-width:1200px){.\33 65-hero__list{height:500px}}
.\33 65-hero__item{position:relative;flex:1;min-height:0;border-bottom:1px solid var(--p-line)}
.\33 65-hero__item:last-child{border-bottom:0}
.\33 65-hero__link{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:center;height:100%;padding:6px 8px 6px 0}
.\33 65-hero__thumb{width:80px;height:54px;border-radius:6px;object-fit:cover;background:var(--p-soft)}
.\33 65-hero__text{min-width:0}
.\33 65-hero__text .\33 65-label{display:block;margin-bottom:2px;font-size:10px}
.\33 65-hero__title{font-size:14.5px;line-height:1.3;font-weight:600;color:var(--p-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.\33 65-hero__item.is-active .\33 65-hero__title,.\33 65-hero__link:hover .\33 65-hero__title{color:var(--p-red-text)}
.\33 65-hero__progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;transform-origin:left;transform:scaleX(0)}
.\33 65-hero__item.is-active .\33 65-hero__progress{background:var(--p-red);transform:scaleX(1)}
.\33 65-hero.is-ticking .\33 65-hero__item.is-active .\33 65-hero__progress{animation:\33 65-progress var(--365-delay,7s) linear forwards}
@keyframes \33 65-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- Three columns ---------- */
.\33 65-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;margin-top:32px}
.\33 65-col{min-width:0}
@media (min-width:900px){
  .\33 65-columns{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"feed side" "featured side";column-gap:32px}
  .\33 65-col--feed{grid-area:feed}
  .\33 65-col--featured{grid-area:featured}
  .\33 65-col--side{grid-area:side}
}
@media (min-width:1200px){.\33 65-columns{grid-template-columns:280px minmax(0,1fr) 300px;grid-template-areas:"featured feed side"}}

/* cards */
.\33 65-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
@media (min-width:600px) and (max-width:1199px){.\33 65-stack{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}
.\33 65-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0}
.\33 65-card__media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--p-radius-sm);background:var(--p-soft)}
.\33 65-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.\33 65-card:hover .\33 65-card__media img{transform:scale(1.04)}
.\33 65-card__media .\33 65-label{position:absolute;left:10px;bottom:10px;z-index:1;padding:4px 8px;border-radius:4px;background:var(--p-red);color:#fff}
.\33 65-card__title{margin:0;font-size:16px;line-height:1.35;font-weight:700;letter-spacing:-.005em;color:var(--p-ink);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.\33 65-card__title a::after{content:"";position:absolute;inset:0;z-index:2}
.\33 65-card:hover .\33 65-card__title a{color:var(--p-red-text)}
.\33 65-meta{font-size:13px;color:var(--p-muted);font-variant-numeric:tabular-nums}

/* buttons */
.\33 65-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin-top:20px;padding:0 16px;border:1.5px solid var(--p-ink);border-radius:10px;background:none;font-weight:700;font-size:15px;color:var(--p-ink);cursor:pointer;transition:background .15s,color .15s}
.\33 65-btn:hover{background:var(--p-ink);color:var(--p-on-ink)}
.\33 65-btn--soft{border-color:var(--p-line);background:var(--p-soft)}
.\33 65-btn--soft:hover{border-color:var(--p-ink)}
.\33 65-featured .btn-more{display:flex;width:100%;margin:24px 0 0}
.js .\33 65-featured__nav{display:none}

/* ---------- Feed ---------- */
.\33 65-tabs{display:none;gap:2px;padding:3px;background:var(--p-soft);border-radius:999px}
.js .\33 65-tabs{display:inline-flex}
.\33 65-tab{padding:6px 14px;border:0;border-radius:999px;background:none;font-size:14px;font-weight:600;line-height:1.3;color:var(--p-muted);cursor:pointer}
.\33 65-tab:hover{color:var(--p-ink)}
.\33 65-tab[aria-selected="true"]{background:var(--p-surface);color:var(--p-ink);box-shadow:0 1px 3px rgba(16,24,40,.12)}
.js .\33 65-tabpanel:not(.is-active){display:none}
.\33 65-feed__list{list-style:none;margin:0;padding:0}
.\33 65-feed__item{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--p-line)}
.\33 65-feed__time{font-size:14px;line-height:1.45;font-weight:700;color:var(--p-ink);font-variant-numeric:tabular-nums}
.\33 65-feed__item.is-fresh .\33 65-feed__time{color:var(--p-red-text)}
.\33 65-feed__text{min-width:0;font-size:15.5px;line-height:1.45;overflow-wrap:anywhere}
.\33 65-feed__text .\33 65-label{margin-right:6px;font-size:10.5px}
.\33 65-feed__link{font-weight:500;color:var(--p-text)}
.\33 65-feed__link::after{content:"";position:absolute;inset:0}
.\33 65-feed__item:hover .\33 65-feed__link{color:var(--p-red-text)}
.\33 65-feed__item[data-flags~="bb"] .\33 65-feed__link{font-weight:700;color:var(--p-ink)}
.\33 65-feed__item[data-flags~="ai"] .\33 65-feed__text::after{content:"AI";display:inline-block;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.4;color:var(--p-text);vertical-align:middle;background:var(--p-soft);border:1px solid var(--p-line);border-radius:4px}
.\33 65-feed__item.is-new{animation:\33 65-new 4s ease}
@keyframes \33 65-new{from{background-color:var(--p-new)}to{background-color:transparent}}
.\33 65-feed__day{padding:18px 0 8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--p-muted);border-bottom:1px solid var(--p-line)}
.\33 65-feed__day:first-child{padding-top:2px}
.\33 65-feed__list--top .\33 65-feed__item{grid-template-columns:34px minmax(0,1fr)}
.\33 65-feed__rank{font-size:22px;line-height:1.1;font-weight:800;color:var(--p-red-text);font-variant-numeric:tabular-nums}
.\33 65-feed__views{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:12.5px;color:var(--p-muted)}
.\33 65-note{margin:10px 0 0;font-size:12.5px;color:var(--p-muted)}

/* ---------- Sidebar widgets ---------- */
.\33 65-col--side{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-content:start}
@media (min-width:600px) and (max-width:899px){.\33 65-col--side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
.\33 65-widget{min-width:0;padding:18px;background:var(--p-soft);border-radius:var(--p-radius)}
.\33 65-widget__title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:17px;line-height:1.25;font-weight:800;color:var(--p-ink)}
.\33 65-widget__title::before{content:"";flex:none;width:8px;height:8px;border-radius:2px;background:var(--p-red)}
.\33 65-widget__title a{color:inherit}
.\33 65-widget__subtitle{margin:18px 0 6px;font-size:14px;font-weight:700;color:var(--p-ink)}
.\33 65-link-more{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;color:var(--p-red-text)}
.\33 65-link-more:hover{text-decoration:underline}

/* rates / fuel */
.\33 65-rates__table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.\33 65-rates__table th{padding:0 0 6px;font-size:12px;font-weight:600;text-align:left;color:var(--p-muted)}
.\33 65-rates__table th:not(:first-child),.\33 65-rates__table td:not(:first-child){text-align:right}
.\33 65-rates__table td{padding:9px 0;font-size:15px;color:var(--p-ink);border-top:1px solid var(--p-line)}
.\33 65-rates__table td:first-child{font-weight:700}
.\33 65-rates__table td:nth-child(2){font-weight:600}
.\33 65-rates__table td.\33 65-rates__loading{text-align:left;font-weight:400;color:var(--p-muted)}
.\33 65-delta{font-size:12.5px;white-space:nowrap;color:var(--p-muted)}
.\33 65-rates__src{margin:8px 0 0;font-size:12px;color:var(--p-muted)}

/* weather */
.\33 65-wicon{display:inline-grid;place-items:center;flex:none;width:28px;height:28px}
.\33 65-wicon svg{display:block;width:100%;height:100%}
.\33 65-weather__now{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px}
.\33 65-weather__now .\33 65-wicon{width:52px;height:52px}
.\33 65-weather__temp{font-size:38px;line-height:1;font-weight:800;color:var(--p-ink);font-variant-numeric:tabular-nums}
.\33 65-weather__desc{display:flex;flex-direction:column;gap:2px;font-size:15px;font-weight:600;color:var(--p-ink)}
.\33 65-weather__extra{font-size:12.5px;font-weight:400;color:var(--p-muted)}
.\33 65-weather__hours{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--p-line)}
.\33 65-weather__hours li{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:13px}
.\33 65-weather__time{color:var(--p-muted);font-variant-numeric:tabular-nums}
.\33 65-weather__t{font-weight:700;color:var(--p-ink)}
.\33 65-weather__days{display:grid;gap:6px;list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--p-line)}
.\33 65-weather__days li{display:grid;grid-template-columns:minmax(0,1fr) 28px auto;align-items:center;gap:8px;font-size:14px;color:var(--p-ink)}
.\33 65-weather__range{font-weight:600;font-variant-numeric:tabular-nums}

/* legacy chunks (Adw_right, Adw_topmob, Chtivo_ua) keep their Bootstrap 3 markup: col-* widths,
   visible-* / hidden-* and clearfix work as on the old site; a slot with nothing to show takes no space */
.\33 65-widget--ad{padding:0;background:none}
.\33 65-legacy{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:start}
.\33 65-legacy>*{grid-column:1/-1;min-width:0}
.\33 65-legacy>:is(.clearfix,br,hr){display:none}
.\33 65-legacy [class*="col-"]{float:none;width:auto;min-height:0;margin:0;padding:0}
.\33 65-legacy .top15{margin-top:0}
.\33 65-legacy img{display:block;max-width:100%;height:auto}
.\33 65-legacy ins{display:block}
.\33 65-legacy .clearfix{clear:both}
.\33 65-widget--ad hr,.\33 65-mobad hr{display:none}
.\33 65-legacy>.col-xs-1{grid-column:span 1}.\33 65-legacy>.col-xs-2{grid-column:span 2}.\33 65-legacy>.col-xs-3{grid-column:span 3}.\33 65-legacy>.col-xs-4{grid-column:span 4}.\33 65-legacy>.col-xs-5{grid-column:span 5}.\33 65-legacy>.col-xs-6{grid-column:span 6}.\33 65-legacy>.col-xs-7{grid-column:span 7}.\33 65-legacy>.col-xs-8{grid-column:span 8}.\33 65-legacy>.col-xs-9{grid-column:span 9}.\33 65-legacy>.col-xs-10{grid-column:span 10}.\33 65-legacy>.col-xs-11{grid-column:span 11}.\33 65-legacy>.col-xs-12{grid-column:span 12}
@media (min-width:768px){.\33 65-legacy>.col-sm-1{grid-column:span 1}.\33 65-legacy>.col-sm-2{grid-column:span 2}.\33 65-legacy>.col-sm-3{grid-column:span 3}.\33 65-legacy>.col-sm-4{grid-column:span 4}.\33 65-legacy>.col-sm-5{grid-column:span 5}.\33 65-legacy>.col-sm-6{grid-column:span 6}.\33 65-legacy>.col-sm-7{grid-column:span 7}.\33 65-legacy>.col-sm-8{grid-column:span 8}.\33 65-legacy>.col-sm-9{grid-column:span 9}.\33 65-legacy>.col-sm-10{grid-column:span 10}.\33 65-legacy>.col-sm-11{grid-column:span 11}.\33 65-legacy>.col-sm-12{grid-column:span 12}}
@media (min-width:992px){.\33 65-legacy>.col-md-1{grid-column:span 1}.\33 65-legacy>.col-md-2{grid-column:span 2}.\33 65-legacy>.col-md-3{grid-column:span 3}.\33 65-legacy>.col-md-4{grid-column:span 4}.\33 65-legacy>.col-md-5{grid-column:span 5}.\33 65-legacy>.col-md-6{grid-column:span 6}.\33 65-legacy>.col-md-7{grid-column:span 7}.\33 65-legacy>.col-md-8{grid-column:span 8}.\33 65-legacy>.col-md-9{grid-column:span 9}.\33 65-legacy>.col-md-10{grid-column:span 10}.\33 65-legacy>.col-md-11{grid-column:span 11}.\33 65-legacy>.col-md-12{grid-column:span 12}}
@media (min-width:1200px){.\33 65-legacy>.col-lg-1{grid-column:span 1}.\33 65-legacy>.col-lg-2{grid-column:span 2}.\33 65-legacy>.col-lg-3{grid-column:span 3}.\33 65-legacy>.col-lg-4{grid-column:span 4}.\33 65-legacy>.col-lg-5{grid-column:span 5}.\33 65-legacy>.col-lg-6{grid-column:span 6}.\33 65-legacy>.col-lg-7{grid-column:span 7}.\33 65-legacy>.col-lg-8{grid-column:span 8}.\33 65-legacy>.col-lg-9{grid-column:span 9}.\33 65-legacy>.col-lg-10{grid-column:span 10}.\33 65-legacy>.col-lg-11{grid-column:span 11}.\33 65-legacy>.col-lg-12{grid-column:span 12}}
/* the sidebar slot is always a narrow column, like the old col-lg-3: its banners use the "lg" widths at every screen size */
.\33 65-widget--ad.\33 65-legacy>[class*="col-"]{grid-column:1/-1}
.\33 65-widget--ad.\33 65-legacy>.col-lg-1{grid-column:span 1}.\33 65-widget--ad.\33 65-legacy>.col-lg-2{grid-column:span 2}.\33 65-widget--ad.\33 65-legacy>.col-lg-3{grid-column:span 3}.\33 65-widget--ad.\33 65-legacy>.col-lg-4{grid-column:span 4}.\33 65-widget--ad.\33 65-legacy>.col-lg-5{grid-column:span 5}.\33 65-widget--ad.\33 65-legacy>.col-lg-6{grid-column:span 6}.\33 65-widget--ad.\33 65-legacy>.col-lg-7{grid-column:span 7}.\33 65-widget--ad.\33 65-legacy>.col-lg-8{grid-column:span 8}.\33 65-widget--ad.\33 65-legacy>.col-lg-9{grid-column:span 9}.\33 65-widget--ad.\33 65-legacy>.col-lg-10{grid-column:span 10}.\33 65-widget--ad.\33 65-legacy>.col-lg-11{grid-column:span 11}.\33 65-widget--ad.\33 65-legacy>.col-lg-12{grid-column:span 12}
.\33 65-body :is(.visible-xs,.visible-sm,.visible-md,.visible-lg){display:none!important}
@media (max-width:767px){.\33 65-body .visible-xs{display:block!important}.\33 65-body .\33 65-legacy.visible-xs{display:grid!important}.\33 65-body .hidden-xs{display:none!important}.\33 65-body .\33 65-legacy.\33 65-legacy:not(:has(> :not(.clearfix,script,style,br,hr,noscript,.hidden-xs,:is(.visible-sm,.visible-md,.visible-lg):not(.visible-xs)))){display:none!important}}
@media (min-width:768px) and (max-width:991px){.\33 65-body .visible-sm{display:block!important}.\33 65-body .\33 65-legacy.visible-sm{display:grid!important}.\33 65-body .hidden-sm{display:none!important}.\33 65-body .\33 65-legacy.\33 65-legacy:not(:has(> :not(.clearfix,script,style,br,hr,noscript,.hidden-sm,:is(.visible-xs,.visible-md,.visible-lg):not(.visible-sm)))){display:none!important}}
@media (min-width:992px) and (max-width:1199px){.\33 65-body .visible-md{display:block!important}.\33 65-body .\33 65-legacy.visible-md{display:grid!important}.\33 65-body .hidden-md{display:none!important}.\33 65-body .\33 65-legacy.\33 65-legacy:not(:has(> :not(.clearfix,script,style,br,hr,noscript,.hidden-md,:is(.visible-xs,.visible-sm,.visible-lg):not(.visible-md)))){display:none!important}}
@media (min-width:1200px){.\33 65-body .visible-lg{display:block!important}.\33 65-body .\33 65-legacy.visible-lg{display:grid!important}.\33 65-body .hidden-lg{display:none!important}.\33 65-body .\33 65-legacy.\33 65-legacy:not(:has(> :not(.clearfix,script,style,br,hr,noscript,.hidden-lg,:is(.visible-xs,.visible-sm,.visible-md):not(.visible-lg)))){display:none!important}}
.\33 65-body .\33 65-legacy.\33 65-legacy:not(:has(> :not(.clearfix,script,style,br,hr,noscript))){display:none!important}
.\33 65-page__main>.\33 65-mobad{margin-top:32px}

/* poll (legacy Polls markup: vote form or results) */
:is(.\33 65-widget--poll,.\33 65-widget--legacy) :is(.brd,.blog-post){margin:0;padding:0!important;border:0;background:none}
.\33 65-widget--poll .blog-post{font-size:14.5px;line-height:1.4;color:var(--p-text)}
:is(.\33 65-widget--poll,.\33 65-widget--legacy) h6{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:17px;line-height:1.25;font-weight:800;text-transform:none;letter-spacing:0;color:var(--p-ink)}
:is(.\33 65-widget--poll,.\33 65-widget--legacy) h6::before{content:"";flex:none;width:8px;height:8px;border-radius:2px;background:var(--p-red)}
.\33 65-widget--poll h5{margin:4px 0 12px;font-size:16px;line-height:1.35;font-weight:700;color:var(--p-ink)}
.\33 65-widget--poll .sml{margin:0 0 8px;font-size:12.5px;color:var(--p-muted)}
.\33 65-widget--poll b.sml{margin:0;font-weight:600}
.\33 65-widget--poll .progress{height:8px;margin:6px 0 12px;overflow:hidden;background:var(--p-placeholder);border-radius:999px;box-shadow:none}
.\33 65-widget--poll .progress .bar{height:100%;border-radius:999px;background-color:var(--p-red)!important;background-image:none!important;box-shadow:none}
.\33 65-widget--poll form p{margin:0}
.\33 65-widget--poll form p:first-of-type{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}
.\33 65-widget--poll br{display:none}
.\33 65-widget--poll input[type=radio]{width:18px;height:18px;margin:0;accent-color:var(--p-red)}
.\33 65-widget--poll label{font-size:14.5px;color:var(--p-text);cursor:pointer}
.\33 65-widget--poll input[type=submit]{width:100%;height:42px;margin-top:14px;border:0;border-radius:10px;background:var(--p-red);color:#fff;font:700 15px var(--p-font);cursor:pointer}
.\33 65-widget--poll input[type=submit]:hover{background:var(--p-red-700)}
.\33 65-widget--legacy hr{margin:12px 0;border:0;border-top:1px solid var(--p-line)}
.\33 65-widget--legacy .sml{margin:0;font-size:13px;line-height:1.4;color:var(--p-muted)}
.\33 65-widget--legacy a.blue{display:block;margin-bottom:4px;font-size:14.5px;font-weight:600;line-height:1.35;color:var(--p-ink)}
.\33 65-widget--legacy a.blue:hover{color:var(--p-red-text)}
.\33 65-widget--legacy img{border-radius:var(--p-radius-sm)}
.\33 65-widget--legacy .col-sm-12::after{content:"";display:table;clear:both}
.\33 65-widget--legacy .text_c{text-align:center}
.\33 65-widget--legacy .fa{margin-right:3px}

/* blogs */
.\33 65-blogs{display:grid;gap:14px;list-style:none;margin:0;padding:0}
.\33 65-blog{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start}
.\33 65-blog__avatar{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--p-placeholder)}
.\33 65-blog__author{display:block;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--p-red-text)}
.\33 65-blog__title{display:block;margin-top:2px;font-size:15px;line-height:1.35;font-weight:600;color:var(--p-ink)}
.\33 65-blog__title::after{content:"";position:absolute;inset:0}
.\33 65-blog:hover .\33 65-blog__title{color:var(--p-red-text)}

/* tags (tagLister markup) */
.\33 65-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.\33 65-tags li{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:6px 11px;font-size:12.5px;color:var(--p-muted);background:var(--p-surface);border:1px solid var(--p-line);border-radius:999px}
.\33 65-tags li a{font-size:14px;font-weight:600;color:var(--p-ink)}
.\33 65-tags li:hover{border-color:var(--p-red)}
.\33 65-tags li:hover a{color:var(--p-red-text)}

/* ---------- Rubrics ---------- */
.\33 65-rubrics{display:grid;grid-template-columns:minmax(0,1fr);gap:44px;margin-top:52px}
.\33 65-rubric{min-width:0}
.\33 65-grid4{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
@media (min-width:1200px){.\33 65-grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}
@media (max-width:599px){
  .\33 65-grid4{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76%;gap:16px;margin:0 calc(-1 * var(--p-gutter));padding:0 var(--p-gutter) 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 var(--p-gutter);scrollbar-width:none}
  .\33 65-grid4::-webkit-scrollbar{display:none}
  .\33 65-grid4>.\33 65-card{scroll-snap-align:start}
}

/* ---------- Footer ---------- */
.\33 65-footer{margin-top:64px;background:var(--p-navy-800);color:#bcccd9;font-size:14.5px;line-height:1.55}
.\33 65-footer a{color:#e2eaf1}
.\33 65-footer a:hover{color:#fff;text-decoration:underline}
.\33 65-footer__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding-top:44px;padding-bottom:36px}
@media (min-width:600px){.\33 65-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.\33 65-footer__grid{grid-template-columns:1.3fr 1fr 1fr 1.2fr}}
.\33 65-footer__title{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.\33 65-footer__list{display:grid;gap:9px;list-style:none;margin:0;padding:0;overflow-wrap:anywhere}
.\33 65-footer__logo{display:inline-block;padding:8px 12px;background:#fff;border-radius:10px}
.\33 65-footer__logo img{display:block;height:40px;width:auto}
.\33 65-footer__about{max-width:36ch;margin:14px 0 16px}
.\33 65-footer .\33 65-social{gap:8px}
.\33 65-footer .\33 65-social a{width:40px;height:40px;background:rgba(255,255,255,.08);color:#fff}
.\33 65-footer .\33 65-social a:hover{background:var(--p-red);text-decoration:none}
.\33 65-footer .\33 65-social svg{width:18px;height:18px}
.\33 65-footer__legal{padding-top:20px;padding-bottom:20px;font-size:12.5px;line-height:1.6;color:#97abbc;border-top:1px solid rgba(255,255,255,.1)}
.\33 65-footer__legal p{max-width:110ch;margin:0}
.\33 65-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;padding-bottom:24px;font-size:13px;color:#97abbc;border-top:1px solid rgba(255,255,255,.1)}
.\33 65-footer__bottom img{display:inline-block;vertical-align:middle}

/* ---------- Navigation extras ---------- */
.\33 65-nav__list .is-current>.\33 65-nav__row>a,.\33 65-nav__sub .is-current>a{color:var(--p-red-text)}
.\33 65-nav__more-btn{display:inline-flex;align-items:center;gap:2px;width:auto;height:auto;padding:10px 12px;font-size:15.5px;font-weight:600;color:var(--p-ink)}
.\33 65-nav__more>.\33 65-nav__sub{left:auto;right:0}
.\33 65-nav__more .\33 65-nav__sub .\33 65-nav__row{border-radius:8px}
.\33 65-nav__more .\33 65-nav__sub .\33 65-nav__row>a{padding:8px 12px;font-size:15px;font-weight:500;color:var(--p-text)}
.\33 65-nav__more .\33 65-nav__sub .\33 65-nav__toggle{display:none}
.\33 65-nav__more .\33 65-nav__sub .\33 65-nav__sub{position:static;display:block;min-width:0;margin:0;padding:0 0 4px 12px;border:0;box-shadow:none}
.\33 65-rubric:not(:has(.\33 65-card)){display:none}

/* ---------- Inner pages: layout ---------- */
.\33 65-page{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;margin-top:20px}
@media (min-width:900px){.\33 65-page{grid-template-columns:minmax(0,1fr) 300px;column-gap:40px;margin-top:28px}}
@media (min-width:1200px){.\33 65-page{grid-template-columns:minmax(0,1fr) 320px;column-gap:56px}}
.\33 65-page__main{min-width:0}
.\33 65-page__side{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-content:start;min-width:0}
@media (max-width:899px){.\33 65-body--article .\33 65-page__side{display:none}}
@media (max-width:767px){.\33 65-body--blog .\33 65-page__side{display:none}}
@media (min-width:600px) and (max-width:899px){.\33 65-body--blog .\33 65-page__side{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* breadcrumbs */
.\33 65-crumbs{margin:0 0 14px;font-size:13.5px;color:var(--p-muted)}
.\33 65-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.\33 65-crumbs li{display:inline-flex;align-items:center;gap:6px}
.\33 65-crumbs li+li::before{content:"/";color:var(--p-line-strong)}
.\33 65-crumbs a{color:var(--p-muted)}
.\33 65-crumbs a:hover{color:var(--p-red-text)}

/* ---------- Article ---------- */
.\33 65-article{min-width:0}
.\33 65-article__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}
.\33 65-article__kicker:not(:has(*)){display:none}
.\33 65-article__title{margin:0;font-size:28px;line-height:1.18;font-weight:800;letter-spacing:-.015em;color:var(--p-ink);overflow-wrap:break-word}
@media (min-width:768px){.\33 65-article__title{font-size:36px}}
@media (min-width:1200px){.\33 65-article__title{font-size:40px;line-height:1.14}}
.\33 65-article__lead{margin:14px 0 0;font-size:19px;line-height:1.5;font-weight:500;color:var(--p-text)}
.\33 65-article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:18px;padding:12px 0;font-size:14px;color:var(--p-muted);border-top:1px solid var(--p-line);border-bottom:1px solid var(--p-line)}
.\33 65-article__meta time{font-variant-numeric:tabular-nums}
.\33 65-share{min-height:28px;margin-left:auto}
.\33 65-article__gallery{margin-top:20px}
.\33 65-article__gallery:empty{display:none}
.\33 65-article__gallery .ms2Gallery{overflow:hidden;border-radius:var(--p-radius);background:var(--p-soft)}
.\33 65-article__body{margin-top:24px;font-size:18px;line-height:1.7;color:var(--p-body);overflow-wrap:break-word}
.\33 65-article__body>:first-child{margin-top:0}
.\33 65-article__body p{margin:0 0 1.1em}
.\33 65-article__body h2{margin:1.6em 0 .6em;font-size:24px;line-height:1.3;color:var(--p-ink)}
.\33 65-article__body h3{margin:1.4em 0 .5em;font-size:20px;line-height:1.35;color:var(--p-ink)}
.\33 65-article__body a{color:var(--p-red-text);text-decoration:underline;text-underline-offset:2px}
.\33 65-article__body img{max-width:100%;height:auto!important;border-radius:var(--p-radius-sm)}
.\33 65-article__body iframe,.\33 65-article__body video{max-width:100%}
.\33 65-article__body iframe[src*="youtube"],.\33 65-article__body iframe[src*="youtu.be"]{width:100%!important;height:auto!important;aspect-ratio:16/9;border:0;border-radius:var(--p-radius-sm)}
.\33 65-article__body blockquote{margin:1.5em 0;padding:4px 0 4px 20px;border-left:4px solid var(--p-red);font-size:19px;font-style:italic;color:var(--p-ink)}
.\33 65-article__body ul,.\33 65-article__body ol{margin:0 0 1.1em;padding-left:1.4em}
.\33 65-article__body li{margin-bottom:.35em}
.\33 65-article__body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:16px}
.\33 65-article__body td,.\33 65-article__body th{padding:6px 10px;border:1px solid var(--p-line)}
.\33 65-article__body figure{margin:1.5em 0}
.\33 65-article__body figcaption{margin-top:6px;font-size:14px;color:var(--p-muted)}
/* lines kept verbatim from Page_ua / Blog: seoPro video, author, extra files, tags (tolinks + tag_tpl) */
/* font-size:0 hides the bare "0" that the Blog line prints for seoPro keywords = 0 */
.\33 65-article__extra{margin-top:22px;font-size:0;line-height:1.5;color:var(--p-text)}
.\33 65-article__extra>*{font-size:15.5px}
.\33 65-article__extra:not(:has(*)){display:none}
.\33 65-article__extra p{margin:0 0 10px}
.\33 65-article__extra p:empty{display:none}
.\33 65-article__extra iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;margin:0 0 18px;border:0;border-radius:var(--p-radius-sm);background:#000}
.\33 65-article__extra h5.blue{margin:16px 0 6px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--p-muted)}
.\33 65-article__extra .fa{width:18px;margin-right:4px;text-align:center;color:var(--p-red-text)}
.\33 65-article__extra a{color:var(--p-red-text);text-decoration:underline;text-underline-offset:2px;word-break:break-all}
.\33 65-article__extra strong{color:var(--p-ink)}
.\33 65-article__tags{margin-top:22px;font-size:0;line-height:0}
.\33 65-article__tags:not(:has(a)){display:none}
.\33 65-article__tags .fa{margin-right:10px;font-size:17px;line-height:32px;vertical-align:top;color:var(--p-muted)}
.\33 65-article__tags a{display:inline-block;margin:0 8px 8px 0;padding:6px 12px;border-radius:999px;background:var(--p-soft);font-size:14px;font-weight:600;line-height:20px;color:var(--p-ink);vertical-align:top;transition:background .15s,color .15s}
.\33 65-article__tags a:hover{background:var(--p-red);color:#fff!important}
.tg-inline{margin-top:14px}
.tg-inline a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#229ed9;color:#fff!important;font-size:14px;font-weight:700}
.tg-inline a:hover{background:#1c8cc2}
/* legacy content: Bootstrap tables, LibreOffice paste (.western, <font>), social embeds */
.\33 65-table{max-width:100%;margin:0 0 1.2em;overflow-x:auto;-webkit-overflow-scrolling:touch}
.\33 65-article__body .\33 65-table>table{display:table;width:100%;margin:0}
.\33 65-article__body table.table{width:100%}
.\33 65-article__body .table th{background:var(--p-soft);font-weight:700;text-align:left}
.\33 65-article__body .table-striped tbody tr:nth-child(odd){background:var(--p-stripe)}
.\33 65-article__body .table-hover tbody tr:hover{background:var(--p-row-hover)}
.\33 65-article__body [style*="font-family"]{font-family:inherit!important}
.\33 65-article__body font[face]{font-family:inherit}
.\33 65-article__body font[size]{font-size:inherit}
.\33 65-article__body blockquote:is(.instagram-media,.twitter-tweet,.tiktok-embed){margin:1.5em auto!important;padding:0;border-left:0;font-size:16px;font-style:normal}
.\33 65-article__body :is(.instagram-media,.twitter-tweet-rendered,.fb-post,.fb-video){max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
.\33 65-byline{position:relative;display:inline-flex;align-items:center;gap:12px;margin-bottom:14px}
.\33 65-byline .\33 65-blog__avatar{width:48px;height:48px}
.\33 65-byline .\33 65-meta{display:block}
.\33 65-article--post .\33 65-article__meta{margin-top:4px;padding:0;border:0}
.\33 65-article--post .\33 65-article__body{margin-top:18px}
.\33 65-article--post .\33 65-article__body:not(.is-rest)>:is(h1,h2,h3):first-child{margin:0 0 14px;font-size:28px;line-height:1.18;font-weight:800;letter-spacing:-.015em;color:var(--p-ink)}
@media (min-width:768px){.\33 65-article--post .\33 65-article__body:not(.is-rest)>:is(h1,h2,h3):first-child{font-size:36px}}
@media (min-width:1200px){.\33 65-article--post .\33 65-article__body:not(.is-rest)>:is(h1,h2,h3):first-child{font-size:40px;line-height:1.14}}
.\33 65-article--post .\33 65-article__body .is-lead{font-size:19px;line-height:1.5;color:var(--p-text)}
.\33 65-article__body--intro>br{display:none}
.\33 65-article__body p.is-empty{display:none}
.\33 65-article__body p:has(>meta:only-child){display:none}

/* related & top */
.\33 65-related{display:grid;gap:36px;margin-top:40px}
.\33 65-related__list{display:grid;gap:12px;list-style:none;margin:0;padding:0}
.\33 65-related__list li{position:relative;padding-left:20px}
.\33 65-related__list li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:2px;background:var(--p-red)}
.\33 65-related__list a{font-size:16.5px;line-height:1.4;font-weight:600;color:var(--p-ink)}
.\33 65-toplist{display:grid;gap:16px;list-style:none;margin:0;padding:0}
@media (min-width:768px){.\33 65-toplist{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}
.\33 65-top{position:relative;display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;align-items:start}
.\33 65-top__img{display:block;width:128px;height:84px;border-radius:var(--p-radius-sm);object-fit:cover;background:var(--p-soft)}
.\33 65-top__body{min-width:0}
.\33 65-top__title{display:block;margin-top:2px;font-size:15.5px;line-height:1.35;font-weight:700;color:var(--p-ink)}
.\33 65-top__title::after{content:"";position:absolute;inset:0}
.\33 65-top:hover .\33 65-top__title{color:var(--p-red-text)}
.\33 65-toplist--compact{grid-template-columns:minmax(0,1fr);gap:14px}
.\33 65-toplist--compact .\33 65-top{grid-template-columns:96px minmax(0,1fr);gap:12px}
.\33 65-toplist--compact .\33 65-top__img{width:96px;height:64px}
.\33 65-toplist--compact .\33 65-top__title{font-size:14.5px}

/* next news (infinite reading) */
.\33 65-next{margin-top:24px}
.\33 65-next #pdopage .btn-more,.\33 65-next #pdopage .pagination,.\33 65-next__nav{display:none!important}
.\33 65-next__item{margin-top:44px}
.\33 65-next__sep{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--p-red-text)}
.\33 65-next__sep::before,.\33 65-next__sep::after{content:"";flex:1;height:2px;background:var(--p-red)}
.\33 65-next__title{margin:8px 0 0;font-size:26px;line-height:1.2;font-weight:800;color:var(--p-ink)}
@media (min-width:768px){.\33 65-next__title{font-size:30px}}
.\33 65-next__media{margin:18px 0 0}
.\33 65-next__media img{display:block;width:100%;height:auto;border-radius:var(--p-radius)}
.\33 65-next__media:has(img[src=""]){display:none}
.\33 65-next__loader{display:flex;align-items:center;justify-content:center;gap:12px;padding:28px 0;font-size:15px;color:var(--p-muted)}
.\33 65-spinner{width:22px;height:22px;border:3px solid var(--p-line);border-top-color:var(--p-red);border-radius:50%;animation:\33 65-spin .8s linear infinite}
@keyframes \33 65-spin{to{transform:rotate(360deg)}}

/* compact feed widget */
.\33 65-widget--feed .\33 65-feed__item{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:9px 0}
.\33 65-widget--feed .\33 65-feed__time{font-size:13px}
.\33 65-widget--feed .\33 65-feed__text{font-size:14.5px;line-height:1.4}
.\33 65-widget--feed .\33 65-feed__day{padding:12px 0 6px;font-size:11px}
.\33 65-widget--feed .\33 65-feed__day:first-child{padding-top:0}

/* ---------- Blog ---------- */
.\33 65-page-head{margin:0 0 28px}
.\33 65-page-head__title{margin:4px 0 0;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.015em;color:var(--p-ink)}
@media (min-width:768px){.\33 65-page-head__title{font-size:38px}}
.\33 65-page-head__lead{margin:10px 0 0;font-size:17px;color:var(--p-text)}
.\33 65-page-head--author{display:flex;align-items:center;gap:18px}
.\33 65-page-head__avatar{flex:none;width:96px;height:96px;border-radius:50%;object-fit:cover;background:var(--p-soft)}
.\33 65-authors{margin-bottom:40px}
.\33 65-authors__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}
.\33 65-author{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;border-radius:var(--p-radius);background:var(--p-soft);text-align:center;transition:background .15s}
.\33 65-author:hover{background:var(--p-soft-2)}
.\33 65-author__avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--p-placeholder)}
.\33 65-author__name{font-size:14.5px;line-height:1.3;font-weight:700;color:var(--p-ink)}
.\33 65-author:hover .\33 65-author__name{color:var(--p-red-text)}
.\33 65-posts{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:600px){.\33 65-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.\33 65-post{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:18px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-radius);transition:border-color .15s,box-shadow .15s}
.\33 65-post:hover{border-color:var(--p-line-strong);box-shadow:var(--p-shadow)}
.\33 65-post__by{position:relative;z-index:3;display:flex;align-items:center;gap:10px}
.\33 65-post__by .\33 65-blog__avatar{width:36px;height:36px}
.\33 65-post__by .\33 65-blog__author:hover{text-decoration:underline}
.\33 65-post__title{margin:0;font-size:18px;line-height:1.3;font-weight:700;color:var(--p-ink)}
.\33 65-post__title a::after{content:"";position:absolute;inset:0;z-index:2}
.\33 65-post:hover .\33 65-post__title a{color:var(--p-red-text)}
.\33 65-post__intro{margin:0;font-size:15px;line-height:1.45;color:var(--p-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.\33 65-post .\33 65-meta{margin-top:auto}
.\33 65-more-posts{margin-top:40px}

/* pagination (pdoPage) */
.\33 65-pager{margin-top:24px}
.\33 65-pager .pagination{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.\33 65-pager .page-link,.\33 65-pager .pagination a,.\33 65-pager .pagination span{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--p-line);border-radius:10px;font-weight:600;color:var(--p-ink)}
.\33 65-pager .page-item.active .page-link,.\33 65-pager .active>a,.\33 65-pager .active>span{background:var(--p-ink);border-color:var(--p-ink);color:var(--p-on-ink)}
.\33 65-pager .page-item.disabled .page-link,.\33 65-pager .disabled>span{opacity:.4}

@media (prefers-reduced-motion:reduce){.\33 65-body *,.\33 65-body *::before,.\33 65-body *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.\33 65-topbar,.\33 65-header,.\33 65-col--side,.\33 65-page__side,.\33 65-footer,.\33 65-overlay,.\33 65-mobad,.\33 65-next{display:none!important}}