/* ============================================================
   TAG — editorial design system
   Tokens first (light + dark), then components.
   ============================================================ */

:root{
  --tag-paper:#FFFFFF;
  --tag-paper-2:#F5F7FA;
  --tag-ink:#161B24;
  --tag-ink-2:#4C5665;
  --tag-ink-3:#76808F;
  --tag-line:#E4E8EF;
  --tag-accent:#1D5CC8;
  --tag-brand:#569CFF;
  --tag-hl:#EFFF02;
  --tag-hl-ink:#141400;
  --tag-navy:#0E1B33;
  --tag-bar:#2E6FE0;
  --tag-bar-muted:#CBDCF7;
  --tag-card:#FFFFFF;
  --tag-shadow:0 1px 2px rgba(20,27,36,.06),0 8px 28px rgba(20,27,36,.07);
  --tag-sans:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root{
    --tag-paper:#10141B;
    --tag-paper-2:#171C25;
    --tag-ink:#E9EDF4;
    --tag-ink-2:#A6B0BF;
    --tag-ink-3:#7B8594;
    --tag-line:#262D38;
    --tag-accent:#7DB2FF;
    --tag-navy:#0B1626;
    --tag-bar:#4F92F5;
    --tag-bar-muted:#2A3B55;
    --tag-card:#171C25;
    --tag-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 28px rgba(0,0,0,.35);
  }
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}
body{
  background:var(--tag-paper);color:var(--tag-ink);
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--tag-hl);color:var(--tag-hl-ink)}
mark, .tag-mark{background:var(--tag-hl);color:var(--tag-hl-ink);padding:.04em .18em;border-radius:2px}
.sans{font-family:var(--tag-sans)}
img{max-width:100%;height:auto}

.wrap{max-width:1360px;margin:0 auto;padding:0 28px}

/* ---------- kickers & metas (shared) ---------- */
.kicker, .tag-kicker,
.kicker a, .tag-kicker a{
  font-family:var(--tag-sans);
  font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tag-accent);text-decoration:none;
}
.meta, .tag-meta{
  font-family:var(--tag-sans);
  font-size:.82rem;color:var(--tag-ink-3);
}
.meta b, .tag-meta b{color:var(--tag-ink-2);font-weight:650}

/* ---------- header ---------- */
.tag-header{
  border-bottom:1px solid var(--tag-line);
  position:sticky;top:0;z-index:50;
  background:color-mix(in srgb, var(--tag-paper) 88%, transparent);
  backdrop-filter:blur(10px);
}
body.admin-bar .tag-header{top:32px}
.tag-nav{
  display:flex;align-items:center;gap:28px;height:62px;
  font-family:var(--tag-sans);
}
.tag-logo{display:flex;align-items:center;text-decoration:none;color:var(--tag-ink);margin-right:auto}
.tag-logo svg{height:40px;width:auto;display:block}
.tag-links{display:flex;gap:4px;font-size:.92rem;font-weight:600}
.tag-links a{
  color:var(--tag-ink);text-decoration:none;
  padding:8px 13px;border-radius:8px;
  transition:background .15s ease,color .15s ease;
}
.tag-links a:hover{background:var(--tag-paper-2);color:var(--tag-accent)}
.nav-tools{display:flex;align-items:center;gap:10px}
.icon-btn{
  width:38px;height:38px;border-radius:8px;border:0;cursor:pointer;
  background:transparent;color:var(--tag-ink);
  display:flex;align-items:center;justify-content:center;
  transition:background .15s ease;
}
.icon-btn svg{width:20px;height:20px}
.icon-btn:hover,.icon-btn[aria-expanded="true"]{background:var(--tag-paper-2);color:var(--tag-accent)}
.tag-burger{display:none}
.btn-news{
  background:var(--tag-hl);color:var(--tag-hl-ink);text-decoration:none;
  font-weight:700;font-size:.88rem;
  padding:9px 16px;border-radius:8px;
}
.btn-news:hover{filter:brightness(.96)}
.tag-search{border-top:1px solid var(--tag-line)}
.tag-search form{display:flex;gap:10px;padding-top:14px;padding-bottom:14px;font-family:var(--tag-sans)}
.tag-search input{
  flex:1;border:0;background:transparent;color:var(--tag-ink);
  font-size:1.05rem;font-family:inherit;outline:none;
}
.tag-search input::placeholder{color:var(--tag-ink-3)}
.tag-search button{
  border:0;border-radius:8px;padding:9px 20px;font-weight:700;font-size:.88rem;
  background:var(--tag-accent);color:var(--tag-paper);cursor:pointer;
}
.tag-search[hidden],.tag-mobile[hidden]{display:none}
.tag-mobile{
  display:flex;flex-direction:column;gap:2px;
  border-top:1px solid var(--tag-line);
  padding:14px 24px 22px;font-family:var(--tag-sans);
}
.tag-mobile a{
  color:var(--tag-ink);text-decoration:none;font-weight:650;font-size:1.05rem;
  padding:11px 12px;border-radius:8px;
}
.tag-mobile a:hover{background:var(--tag-paper-2);color:var(--tag-accent)}
.tag-mobile .btn-news{margin-top:12px;text-align:center}
@media (max-width:820px){
  .tag-links{display:none}
  .tag-burger{display:flex}
}

/* ---------- generative thumbs ---------- */
.thumb-wrap{position:relative;overflow:hidden;border-radius:10px;display:block;background:var(--tag-navy)}
.thumb-wrap canvas{display:block;width:100%}
.thumb-wrap .tagk{
  position:absolute;left:12px;top:12px;
  font-family:var(--tag-sans);
  font-size:.7rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;
  background:var(--tag-hl);color:var(--tag-hl-ink);padding:4px 9px;border-radius:4px;
}

/* ---------- front: merged lead + "Последно од ТАГ" column ---------- */
.hero2{
  display:grid;grid-template-columns:minmax(0,8.2fr) minmax(0,3.4fr);
  padding:40px 0 56px;
}
.hero2 .lead-main{padding-right:44px;min-width:0}
.hero2 .latest-col{border-left:1px solid var(--tag-line);padding-left:36px;min-width:0}
@media (prefers-reduced-motion: no-preference){
  .hero2 > *{animation:tag-rise .6s ease both}
  .hero2 > .latest-col{animation-delay:.15s}
}

.lead-main .kicker{display:block;margin-top:22px}
.lead-topmeta{display:flex;align-items:center;gap:12px;margin-top:22px}
.lead-badge{
  display:inline-block;text-decoration:none;
  font-family:var(--tag-sans);
  font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 10px;border-radius:6px;
  background:color-mix(in srgb, var(--tag-brand) 14%, var(--tag-paper));
  color:var(--tag-accent);
}
.lead-badge:hover{background:color-mix(in srgb, var(--tag-brand) 24%, var(--tag-paper))}
.lead-tag{
  font-family:var(--tag-sans);
  font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tag-ink-3);
}
.lead2-t{
  font-size:clamp(1.9rem,3.2vw,2.75rem);font-weight:850;line-height:1.1;
  letter-spacing:-.015em;margin:8px 0 12px;text-wrap:balance;
}
.lead2-t a{text-decoration:none;color:inherit}
.lead2-t a:hover{color:var(--tag-accent)}
.lead-main .dek{color:var(--tag-ink-2);font-size:1.04rem;line-height:1.6;margin:0 0 12px;max-width:66ch}
.lead3-im{display:block;text-decoration:none}
.lead3-im .thumb-wrap{transition:transform .35s ease,box-shadow .35s ease}
.lead3-im:hover .thumb-wrap{transform:translateY(-3px);box-shadow:var(--tag-shadow)}

.col-label{
  display:flex;align-items:center;gap:9px;
  font-family:var(--tag-sans);
  font-size:.76rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tag-ink);text-decoration:none;
  border-bottom:2px solid var(--tag-ink);padding-bottom:10px;margin-bottom:2px;
}
.col-label .live{width:8px;height:8px;border-radius:50%;background:var(--tag-brand);display:inline-block}
@media (prefers-reduced-motion: no-preference){.col-label .live{animation:tag-pulse 2.2s infinite}}
.col-more{
  font-family:var(--tag-sans);display:inline-block;margin-top:14px;
  font-size:.85rem;font-weight:700;color:var(--tag-accent);text-decoration:none;
}
.col-more:hover{text-decoration:underline}

/* ---------- hero: 1 big lead analysis + 2 type-coloured minis ---------- */
/* Subgrid so the research card's bottom lines up with the lead photo's bottom,
   and the guide card lines up with the lead's text block. */
.hero-tri{
  display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);
  grid-template-rows:auto auto;column-gap:40px;row-gap:22px;
  padding:40px 0 52px;
}
@media (max-width:900px){
  .hero-tri{display:flex;flex-direction:column;gap:28px}
  .hero-tri .hero-lead,.hero-tri .hero-side{display:flex;flex-direction:column;gap:22px;grid-row:auto}
}
@media (prefers-reduced-motion: no-preference){
  .hero-tri > *{animation:tag-rise .6s ease both}
  .hero-tri > .hero-side{animation-delay:.15s}
}

.hero-lead{display:grid;grid-row:1 / span 2;grid-template-rows:subgrid;min-width:0}
.hero-lead .lead3-im{display:block;text-decoration:none}
.hero-lead .thumb-wrap{aspect-ratio:16/9;position:relative;transition:transform .35s ease, box-shadow .35s ease}
.hero-lead .thumb-wrap canvas,
.hero-lead .thumb-wrap .lead-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-lead .lead3-im:hover .thumb-wrap{transform:translateY(-3px);box-shadow:var(--tag-shadow)}
.hero-lead-body{min-width:0}
.hero-lead-body .lead-topmeta{margin-top:0}
.hero-lead .lead2-t{
  font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1.12;
  letter-spacing:-.015em;margin:8px 0 12px;text-wrap:balance;
}
.hero-lead .lead2-t a{text-decoration:none;color:inherit}
.hero-lead .lead2-t a:hover{color:var(--tag-accent)}
.hero-lead .dek{color:var(--tag-ink-2);font-size:1.02rem;line-height:1.6;margin:0 0 12px;max-width:60ch}
.hero-lead .byline{justify-content:flex-start;margin-top:16px}

.hero-side{display:grid;grid-row:1 / span 2;grid-template-rows:subgrid;min-width:0}
.hero-mini{
  display:flex;flex-direction:column;justify-content:space-between;gap:16px;
  border-radius:14px;padding:26px 28px;text-decoration:none;overflow:hidden;
  transition:transform .3s ease, box-shadow .3s ease;
}
.hero-mini:hover{transform:translateY(-3px)}
.hero-mini .hm-top{display:flex;flex-direction:column;gap:11px}
.hero-mini .hm-bottom{display:flex;flex-direction:column;gap:14px}
.hero-mini--research{background:var(--tag-navy);color:#E9EEF7}
.hero-mini--research:hover{box-shadow:0 12px 30px rgba(14,27,51,.28)}
.hero-mini--guide{background:var(--tag-card);border:1px solid var(--tag-line)}
.hero-mini--guide:hover{border-color:var(--tag-brand);box-shadow:var(--tag-shadow)}

/* subtle, seeded pattern backgrounds so cards without photos don't read as flat */
.hero-mini--research.hm-pat-a{background-image:radial-gradient(rgba(143,182,255,.11) 1.4px,transparent 1.4px);background-size:22px 22px}
.hero-mini--research.hm-pat-b{background-image:repeating-linear-gradient(45deg,rgba(143,182,255,.06) 0 1px,transparent 1px 15px)}
.hero-mini--research.hm-pat-c{background-image:linear-gradient(rgba(143,182,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(143,182,255,.06) 1px,transparent 1px);background-size:26px 26px}
.hero-mini--guide.hm-pat-a{background-image:radial-gradient(rgba(29,92,200,.06) 1.4px,transparent 1.4px);background-size:22px 22px}
.hero-mini--guide.hm-pat-b{background-image:repeating-linear-gradient(45deg,rgba(29,92,200,.035) 0 1px,transparent 1px 15px)}
.hero-mini--guide.hm-pat-c{background-image:linear-gradient(rgba(29,92,200,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,92,200,.04) 1px,transparent 1px);background-size:26px 26px}
.hm-badge{
  align-self:flex-start;font-family:var(--tag-sans);
  font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  padding:4px 10px;border-radius:6px;
}
.hm-badge--research{background:var(--tag-hl);color:var(--tag-hl-ink)}
.hm-badge--guide{background:color-mix(in srgb, var(--tag-brand) 14%, var(--tag-paper));color:var(--tag-accent)}
.hm-title{margin:0;font-size:1.24rem;font-weight:800;line-height:1.28;letter-spacing:-.01em;text-wrap:balance}
.hero-mini--research .hm-title{color:#fff}
.hero-mini--guide .hm-title{color:var(--tag-ink)}
.hm-dek{margin:0;font-size:.9rem;line-height:1.5;color:#B9C7DE}
.hm-dek--guide{color:var(--tag-ink-2)}
.hm-meta{margin:0;font-family:var(--tag-sans);font-size:.8rem;color:var(--tag-ink-3)}
.hm-more{
  font-family:var(--tag-sans);font-size:.82rem;font-weight:700;margin-top:6px;
}
/* research mini: key-number chips */
.hm-stats{display:flex;gap:22px;flex-wrap:wrap;margin:2px 0 2px;font-variant-numeric:tabular-nums}
.hm-stat{display:flex;flex-direction:column;line-height:1.1}
.hm-stat b{font-size:1.5rem;font-weight:850;color:var(--tag-hl);letter-spacing:-.01em}
.hm-stat span{font-family:var(--tag-sans);font-size:.7rem;color:#8FA5C8;margin-top:4px;max-width:12ch}
/* guide mini: audience / reading time / PDF chips */
.hm-chips{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0}
.hm-chip{
  display:inline-flex;align-items:center;gap:5px;
  font-family:var(--tag-sans);font-size:.74rem;font-weight:650;
  color:var(--tag-ink-2);background:var(--tag-paper-2);
  border-radius:99px;padding:5px 11px 5px 9px;
}
.hm-chip--pdf{background:color-mix(in srgb, var(--tag-brand) 12%, var(--tag-paper));color:var(--tag-accent);font-weight:750}
.hm-chip .tag-ico{width:14px;height:14px;flex:none}

/* guides section: same card structure as the hero guide card, no background */
.guides-new{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding-bottom:8px}
@media (max-width:900px){.guides-new{grid-template-columns:1fr;gap:26px}}
.guide-card{
  display:flex;flex-direction:column;align-items:flex-start;gap:12px;
  text-decoration:none;color:var(--tag-ink);
  border:1px solid var(--tag-line);border-radius:14px;padding:26px 28px;
  transition:border-color .25s ease, box-shadow .25s ease;
}
.guide-card:hover{border-color:var(--tag-brand);box-shadow:var(--tag-shadow)}
.guide-card .hm-title{margin:0}
.guide-card:hover .hm-title{color:var(--tag-accent)}
.guide-card .hm-dek{font-size:.95rem}
.guide-card .hm-chips{margin-top:2px}
.hero-mini--research .hm-more{color:var(--tag-hl)}
.hero-mini--guide .hm-more{color:var(--tag-accent)}

/* hero rail: analyses-only list (no category badge, just title + date · tag) */
.rail-analiza ul{list-style:none;margin:0;padding:0}
.rail-analiza li{margin:0;padding:15px 0;border-top:1px solid var(--tag-line)}
.rail-analiza li:first-child{border-top:0;padding-top:2px}
.rail-analiza .wp-block-post-title{font-size:1.02rem;font-weight:700;line-height:1.34;margin:0}
.rail-analiza .wp-block-post-title a{text-decoration:none;color:var(--tag-ink)}
.rail-analiza .wp-block-post-title a:hover{color:var(--tag-accent)}
.rail-analiza .lq-meta{display:flex;align-items:center;gap:0 10px;margin-top:7px;flex-wrap:wrap}
.rail-analiza .lq-meta .wp-block-post-date{
  font-family:var(--tag-sans);font-size:.74rem;color:var(--tag-ink-3);
  padding-right:10px;border-right:1px solid var(--tag-ink-3);line-height:1.1;
}
.rail-analiza .lq-tag{
  font-family:var(--tag-sans);font-size:.68rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--tag-ink-3);
}

/* latest: mixed feed with category badges */
.latest-q ul{list-style:none;margin:0;padding:0}
.latest-q li{margin:0;padding:14px 0;border-top:1px solid var(--tag-line)}
.latest-q li:first-child{border-top:0}
.latest-q .wp-block-post-excerpt{margin:5px 0 0}
.latest-q .wp-block-post-excerpt p{
  margin:0;font-size:.85rem;color:var(--tag-ink-2);line-height:1.5;
}
.latest-q .wp-block-post-excerpt__more-text{display:none}
.latest-q .lq-meta{
  display:flex;align-items:center;gap:0 10px;margin-top:9px;flex-wrap:wrap;
}
.latest-q .lq-meta .wp-block-post-date{
  padding-right:10px;
  border-right:1px solid var(--tag-ink-3);line-height:1.1;
}
.latest-q .wp-block-post-terms.lq-tag,
.latest-q .wp-block-post-terms.lq-tag a{
  font-family:var(--tag-sans);
  font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--tag-ink-3);text-decoration:none;background:none;padding:0;border-radius:0;
}
.latest-q .wp-block-post-terms.lq-tag a:hover{color:var(--tag-accent);background:none}
.latest-q .wp-block-post-terms{line-height:1;margin-bottom:8px}
.latest-q .lq-meta .wp-block-post-terms{margin-bottom:0}
.latest-q .wp-block-post-title{margin-top:0}
.latest-q .wp-block-post-terms a{
  display:inline-block;text-decoration:none;
  font-family:var(--tag-sans);
  font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 9px;border-radius:6px;
  background:color-mix(in srgb, var(--tag-brand) 14%, var(--tag-paper));
  color:var(--tag-accent);
}
.latest-q .wp-block-post-terms a:hover{background:color-mix(in srgb, var(--tag-brand) 24%, var(--tag-paper))}
.latest-q .wp-block-post-terms a[href*="/analiza/"]{
  background:color-mix(in srgb, var(--tag-hl) 30%, var(--tag-paper));
  color:color-mix(in srgb, var(--tag-hl-ink) 70%, var(--tag-ink));
}
.latest-q .wp-block-post-terms a[href*="/analiza/"]:hover{background:color-mix(in srgb, var(--tag-hl) 45%, var(--tag-paper))}
.latest-q .wp-block-post-terms a[href*="/vodici/"],
.latest-q .wp-block-post-terms a[href*="/video/"]{
  background:var(--tag-paper-2);color:var(--tag-ink-2);
}
.latest-q .wp-block-post-title{font-size:.96rem;font-weight:680;line-height:1.36;margin:0 0 4px}
.latest-q .wp-block-post-title a{text-decoration:none;color:var(--tag-ink)}
.latest-q .wp-block-post-title a:hover{color:var(--tag-accent)}
.latest-q .wp-block-post-date{font-family:var(--tag-sans);font-size:.72rem;color:var(--tag-ink-3)}

@media (max-width:900px){
  .hero2{grid-template-columns:1fr;gap:32px}
  .hero2 .lead-main{padding-right:0}
  .hero2 .latest-col{border-left:0;padding-left:0}
}

/* ---------- front: lead + digest rail (legacy) ---------- */
.leadgrid{
  display:grid;grid-template-columns:minmax(0,7.2fr) minmax(0,3.2fr);gap:52px;
  padding:44px 0 48px;
}
@media (max-width:960px){.leadgrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion: no-preference){
  .leadgrid > *{animation:tag-rise .6s ease both}
  .leadgrid > .rail{animation-delay:.15s}
}
@keyframes tag-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.lead .thumb-wrap{transition:transform .35s ease, box-shadow .35s ease}
.lead a:hover .thumb-wrap{transform:translateY(-4px);box-shadow:var(--tag-shadow)}
.lead a{text-decoration:none;color:inherit}
.lead .kicker{display:block;margin:20px 0 10px}
.lead h2{
  font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:850;line-height:1.1;
  letter-spacing:-.015em;margin:0 0 14px;text-wrap:balance;
}
.lead h2 a:hover{color:var(--tag-accent)}
.lead .dek{color:var(--tag-ink-2);font-size:1.08rem;line-height:1.6;margin:0 0 14px;max-width:62ch}

.rail h3{
  font-family:var(--tag-sans);
  font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tag-ink-3);margin:0 0 6px;display:flex;align-items:center;gap:10px;
}
.rail h3::before{content:"";width:22px;height:3px;background:var(--tag-hl);border-radius:2px}
.rail h3 .live{
  width:8px;height:8px;border-radius:50%;background:var(--tag-brand);
  display:inline-block;margin-left:2px;
}
@media (prefers-reduced-motion: no-preference){
  .rail h3 .live{animation:tag-pulse 2.2s infinite}
}
@keyframes tag-pulse{0%,100%{box-shadow:0 0 0 0 rgba(86,156,255,.55)}70%{box-shadow:0 0 0 8px rgba(86,156,255,0)}}
.rail .all{
  font-family:var(--tag-sans);
  display:inline-block;margin-top:14px;font-size:.88rem;font-weight:700;
  color:var(--tag-accent);text-decoration:none;
}
.rail .all:hover{text-decoration:underline}

/* digest rail: 2 featured cards with thumbs */
.rail-feat ul{list-style:none;margin:0;padding:0}
.rail-feat li{
  display:grid;grid-template-columns:104px 1fr;gap:3px 16px;
  align-items:start;border-bottom:1px solid var(--tag-line);
  padding:16px 0;margin:0;
}
.rail-feat .auto-thumb{grid-row:1/4;border-radius:8px}
.rail-feat .wp-block-post-terms{
  grid-column:2;
  font-family:var(--tag-sans);
  font-size:.68rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase;
}
.rail-feat .wp-block-post-terms a{color:var(--tag-accent);text-decoration:none}
.rail-feat .wp-block-post-title{
  grid-column:2;
  font-size:.98rem;font-weight:700;line-height:1.35;margin:0;
}
.rail-feat .wp-block-post-title a{text-decoration:none;color:inherit}
.rail-feat .wp-block-post-title a:hover{color:var(--tag-accent)}
.rail-feat .wp-block-post-date{
  grid-column:2;
  font-family:var(--tag-sans);font-size:.74rem;color:var(--tag-ink-3);
}

/* digest rail: compact list */
.rail-more ul{list-style:none;margin:0;padding:0}
.rail-more li{
  display:flex;gap:14px;align-items:baseline;justify-content:space-between;
  border-bottom:1px solid var(--tag-line);padding:12px 0;margin:0;
}
.rail-more .wp-block-post-title{
  font-size:.9rem;font-weight:600;line-height:1.4;margin:0;
}
.rail-more .wp-block-post-title a{text-decoration:none;color:var(--tag-ink-2)}
.rail-more .wp-block-post-title a:hover{color:var(--tag-accent)}
.rail-more .wp-block-post-date{
  font-family:var(--tag-sans);font-size:.72rem;color:var(--tag-ink-3);white-space:nowrap;
}

/* ---------- front: section heads ---------- */
.sechead{
  display:flex;align-items:baseline;gap:18px;
  border-top:2px solid var(--tag-ink);padding-top:14px;margin:8px 0 24px;
}
.sechead h3{margin:0;font-size:1.45rem;font-weight:850;letter-spacing:-.01em}
.sechead a{
  font-family:var(--tag-sans);
  margin-left:auto;font-size:.85rem;font-weight:700;color:var(--tag-accent);text-decoration:none;
}
.sechead a:hover{text-decoration:underline}

/* ---------- front: story grid (query loop) ---------- */
.grid3 ul{
  list-style:none;margin:0;padding:0 0 52px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:28px;
}
@media (max-width:900px){.grid3 ul{grid-template-columns:1fr}}
.grid3 li{margin:0;transition:transform .3s ease}
.grid3 li:hover{transform:translateY(-3px)}
.grid3 .wp-block-post-terms{display:block;margin:14px 0 8px;
  font-family:var(--tag-sans);
  font-size:.72rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;}
.grid3 .wp-block-post-terms a{color:var(--tag-accent);text-decoration:none}
.grid3 .wp-block-post-title{margin:0 0 8px;font-size:1.22rem;font-weight:800;line-height:1.3;text-wrap:balance}
.grid3 .wp-block-post-title a{text-decoration:none;color:inherit}
.grid3 .wp-block-post-title a:hover{color:var(--tag-accent)}
.grid3 .wp-block-post-excerpt{margin:0 0 8px;font-size:.93rem;color:var(--tag-ink-2);line-height:1.55}
.grid3 .wp-block-post-excerpt__more-text{display:none}

/* ---------- front: research band ---------- */
.research{background:var(--tag-navy);color:#E9EEF7;padding:64px 0 68px;margin:20px 0 56px}
.research .head{display:flex;align-items:baseline;gap:18px;margin-bottom:34px}
.research .head h3{margin:0;font-size:1.7rem;font-weight:850;letter-spacing:-.01em;color:#fff}
.research .head .sub{font-family:var(--tag-sans);font-size:.88rem;color:#8FA5C8}
.research .head a{font-family:var(--tag-sans);margin-left:auto;font-size:.85rem;font-weight:700;color:#9CC1FF;text-decoration:none}
.rgrid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:44px;align-items:stretch}
@media (max-width:960px){.rgrid{grid-template-columns:1fr}}
.rfeat{
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);
  border-radius:14px;padding:38px 42px;
  display:flex;flex-direction:column;gap:14px;
}
.rfeat .k{font-family:var(--tag-sans);font-size:.74rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--tag-hl)}
.rfeat h4{margin:0;font-size:2rem;font-weight:850;line-height:1.15;letter-spacing:-.01em;color:#fff}
.rfeat h4 a{text-decoration:none;color:inherit}
.rfeat h4 a:hover{color:#9CC1FF}
.rfeat p{margin:0;color:#B9C7DE;font-size:1rem;line-height:1.6;max-width:56ch}
.rfeat .statrow{display:flex;gap:36px;flex-wrap:wrap;margin:10px 0 4px;font-variant-numeric:tabular-nums}
.rfeat .stat b{display:block;font-size:2.1rem;font-weight:850;color:var(--tag-hl);line-height:1.1}
.rfeat .stat span{font-family:var(--tag-sans);font-size:.8rem;color:#8FA5C8}
.rfeat .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:10px;font-family:var(--tag-sans)}
.rbtn{text-decoration:none;font-weight:700;font-size:.86rem;padding:10px 18px;border-radius:6px}
.rbtn.y{background:var(--tag-hl);color:var(--tag-hl-ink)}
.rbtn.g{border:1px solid rgba(255,255,255,.35);color:#fff}
.rbtn.g:hover{border-color:#fff}
.rlist{display:flex;flex-direction:column;gap:16px}
.rlist a{
  text-decoration:none;display:block;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);
  border-radius:12px;padding:20px 24px;color:#E9EEF7;
}
.rlist a:hover{border-color:rgba(255,255,255,.4)}
.rlist .k{font-family:var(--tag-sans);font-size:.7rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:#8FA5C8}
.rlist h5{margin:6px 0;font-size:1.12rem;font-weight:800;line-height:1.3;color:#fff}
.rlist p{margin:0;font-size:.86rem;color:#B9C7DE}

/* ---------- front: video tiles ---------- */
.vids{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding-bottom:56px}
@media (max-width:960px){.vids{grid-template-columns:repeat(2,1fr)}}
.vid{position:relative;border-radius:12px;overflow:hidden;text-decoration:none;display:block;aspect-ratio:9/14;background:var(--tag-navy)}
.vid canvas{position:absolute;inset:0;width:100%;height:100%}
.vid .shade{position:absolute;inset:0;background:linear-gradient(rgba(10,18,35,0) 30%,rgba(10,18,35,.88))}
.vid .play{
  position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);
  width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.92);
  display:flex;align-items:center;justify-content:center;
}
.vid .play::after{
  content:"";display:block;margin-left:4px;
  border-style:solid;border-width:9px 0 9px 15px;
  border-color:transparent transparent transparent #0E1B33;
}
.vid:hover .play{background:var(--tag-hl)}
.vid .t{position:absolute;left:16px;right:16px;bottom:14px;color:#fff;font-size:1rem;font-weight:750;line-height:1.35;text-wrap:balance}
.vid .plat{
  position:absolute;left:16px;top:14px;
  font-family:var(--tag-sans);
  font-size:.68rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;
  color:#fff;background:rgba(255,255,255,.16);backdrop-filter:blur(4px);
  padding:4px 9px;border-radius:4px;
}

/* ---------- front: guides ---------- */
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-bottom:56px}
@media (max-width:900px){.guides{grid-template-columns:1fr}}
.guide{
  background:var(--tag-card);border:1px solid var(--tag-line);border-radius:12px;
  box-shadow:var(--tag-shadow);padding:26px 28px;
  display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;
}
.guide:hover{border-color:var(--tag-brand)}
.guide .ic{
  width:44px;height:44px;border-radius:10px;background:var(--tag-brand);
  display:flex;align-items:center;justify-content:center;margin-bottom:4px;
}
.guide .ic svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.guide h4{margin:0;font-size:1.18rem;font-weight:800;line-height:1.3}
.guide p{margin:0;font-size:.9rem;color:var(--tag-ink-2);line-height:1.55}
.guide .m{font-family:var(--tag-sans);font-size:.76rem;color:var(--tag-ink-3);margin-top:auto;padding-top:8px}
.guide .m b{color:var(--tag-accent)}

/* ---------- front: campaign band ---------- */
.camp{
  background:var(--tag-brand);color:#0B1B33;border-radius:16px;
  padding:40px 46px;margin-bottom:64px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 40px;align-items:center;
}
@media (max-width:760px){.camp{grid-template-columns:1fr;padding:32px 28px}}
.camp .k{
  font-family:var(--tag-sans);
  font-size:.74rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;
  background:var(--tag-hl);color:var(--tag-hl-ink);display:inline-block;
  padding:4px 10px;border-radius:4px;margin-bottom:12px;
}
.camp h3{margin:0 0 8px;font-size:1.8rem;font-weight:850;letter-spacing:-.01em;color:#0B1B33}
.camp p{margin:0;font-family:var(--tag-sans);font-size:.95rem;color:#12305C;max-width:60ch}
.camp a.cta{
  font-family:var(--tag-sans);
  text-decoration:none;font-weight:800;font-size:.92rem;
  background:#0B1B33;color:#fff;padding:13px 24px;border-radius:8px;white-space:nowrap;
}

/* ---------- newsletter ---------- */
.newsband{border-top:1px solid var(--tag-line);background:var(--tag-paper-2);padding:56px 0}
.newsband .in{
  max-width:1000px;margin:0 auto;padding:0 28px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 36px;align-items:center;
}
@media (max-width:720px){.newsband .in{grid-template-columns:1fr}}
.newsband h3{margin:0 0 8px;font-size:1.6rem;font-weight:850;letter-spacing:-.01em}
.newsband p{margin:0;font-family:var(--tag-sans);font-size:.93rem;color:var(--tag-ink-2)}
.newsband form{display:flex;gap:10px;font-family:var(--tag-sans);flex-wrap:wrap}
.newsband input[type=email]{
  border:1px solid var(--tag-line);border-radius:6px;padding:12px 16px;font-size:.92rem;min-width:230px;
  background:var(--tag-card);color:var(--tag-ink);
}
.newsband button{
  border:0;border-radius:6px;padding:12px 20px;font-size:.92rem;font-weight:800;
  background:var(--tag-hl);color:var(--tag-hl-ink);cursor:pointer;
}

/* ---------- mission strip ---------- */
.mission{padding:52px 0;border-top:1px solid var(--tag-line)}
.mission .in{max-width:1000px;margin:0 auto;padding:0 28px;text-align:center}
.mission p{margin:0 auto;font-size:1.25rem;line-height:1.6;max-width:54ch;text-wrap:balance;color:var(--tag-ink-2)}
.mission p b{color:var(--tag-ink);font-style:normal}
.mission .links{
  font-family:var(--tag-sans);
  display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin-top:22px;font-size:.9rem;font-weight:700;
}
.mission .links a{color:var(--tag-accent);text-decoration:none}
.mission .links a:hover{text-decoration:underline}

/* ---------- contact page form ---------- */
.contact-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:44px;margin:34px 0 8px}
@media (max-width:820px){.contact-grid{grid-template-columns:1fr;gap:28px}}
.contact-form{display:grid;gap:15px;font-family:var(--tag-sans)}
.contact-form label{font-size:.82rem;font-weight:650;color:var(--tag-ink-2);display:block;margin-bottom:6px}
.contact-form input,.contact-form textarea{
  width:100%;border:1px solid var(--tag-line);border-radius:8px;padding:12px 14px;
  font-size:.95rem;font-family:inherit;background:var(--tag-card);color:var(--tag-ink);
}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--tag-brand);outline-offset:1px;border-color:transparent}
.contact-form textarea{min-height:130px;resize:vertical}
.contact-form button{
  justify-self:start;border:0;border-radius:8px;padding:13px 26px;font-weight:800;font-size:.92rem;
  background:var(--tag-accent);color:var(--tag-paper);cursor:pointer;margin-top:4px;
}
.contact-side{font-family:var(--tag-sans);border-left:1px solid var(--tag-line);padding-left:32px}
@media (max-width:820px){.contact-side{border-left:0;padding-left:0}}
.contact-side h3{font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tag-ink-3);margin:0 0 8px}
.contact-side p{margin:0 0 20px;font-size:.95rem;color:var(--tag-ink-2);line-height:1.6}
.contact-side a{color:var(--tag-accent);text-decoration:none;font-weight:650}

/* ---------- footer ---------- */
.tag-footer{
  border-top:1px solid var(--tag-line);padding:44px 0 56px;
  font-family:var(--tag-sans);font-size:.88rem;color:var(--tag-ink-3);
}
.tag-footer .in{
  max-width:1360px;margin:0 auto;padding:0 28px;
  display:flex;gap:20px 48px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;
}
.tag-footer .fl{display:flex;gap:12px;align-items:center;color:var(--tag-ink)}
.tag-footer .fl img{width:30px;height:30px;border-radius:7px}
.tag-footer nav{display:flex;gap:20px;flex-wrap:wrap}
.tag-footer nav a{color:var(--tag-ink-2);text-decoration:none;font-weight:600}
.tag-footer nav a:hover{color:var(--tag-accent)}
.tag-footer .fine{width:100%;font-size:.78rem;margin-top:8px}

/* ============================================================
   ARTICLE STYLES
   ============================================================ */

/* standard + feature article head */
.arthead{padding:56px 0 0;text-align:center}
.arthead .wp-block-post-terms{justify-content:center}
.arthead .kicker,
.arthead .wp-block-post-terms{
  font-family:var(--tag-sans);
  font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tag-accent);display:flex;gap:10px;justify-content:center;
}
.arthead .wp-block-post-terms a{color:var(--tag-accent);text-decoration:none}
.arthead .wp-block-post-title, .arthead h1{
  font-size:clamp(2.4rem,5.6vw,4.1rem);
  font-weight:850;line-height:1.06;letter-spacing:-.015em;
  text-wrap:balance;margin:.5em auto .35em;max-width:19ch;
}
.arthead .standfirst{
  font-size:clamp(1.12rem,2vw,1.34rem);line-height:1.55;color:var(--tag-ink-2);
  max-width:48ch;margin:0 auto;text-wrap:balance;
}
.byline{
  font-family:var(--tag-sans);
  display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;
  font-size:.9rem;color:var(--tag-ink-3);margin:26px 0 0;
}
.byline b{color:var(--tag-ink);font-weight:650}
.byline .sep{opacity:.45}
.byline .avatars{display:flex}
.byline .av+.av{margin-left:-8px;background:#3D7BD9}
.byline .av{
  width:30px;height:30px;border-radius:50%;
  background:var(--tag-brand);color:#fff;font-weight:700;font-size:.72rem;
  display:inline-flex;align-items:center;justify-content:center;
  border:2px solid var(--tag-paper);
}

/* ---------- RoW "Ideas" article layout: rail | main | margin ---------- */
.art-grid{
  display:grid;
  grid-template-columns:200px minmax(0,700px) 280px;
  gap:56px;justify-content:center;
  padding:56px 28px 0;
}
.art-rail-left{position:sticky;top:96px;align-self:start}
.author-rail{font-family:var(--tag-sans)}
.rail-author{margin-bottom:22px}
.rail-author .pic{
  width:72px;height:72px;border-radius:50%;
  background:var(--tag-brand);color:#fff;font-weight:800;font-size:1.3rem;
  display:flex;align-items:center;justify-content:center;margin-bottom:12px;
}
.rail-author + .rail-author .pic{background:#3D7BD9}
.rail-author .rn{font-size:.82rem;color:var(--tag-ink-2);letter-spacing:.02em}
.rail-author .rn b{color:var(--tag-ink);font-weight:800}
.rail-author .rb{font-size:.8rem;color:var(--tag-ink-2);line-height:1.5;margin:8px 0 0}
.rail-meta{
  font-size:.78rem;color:var(--tag-ink-3);letter-spacing:.06em;text-transform:uppercase;
  border-top:1px solid var(--tag-line);padding-top:12px;margin-top:4px;line-height:1.8;
}
.art-kicker,
.art-kicker a{
  font-family:var(--tag-sans);
  font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--tag-accent);text-decoration:none;
}
.art-main .wp-block-post-title{
  font-family:var(--tag-sans);
  font-size:clamp(2rem,3.6vw,2.9rem);
  font-weight:800;line-height:1.08;letter-spacing:-.02em;
  text-wrap:balance;margin:.4em 0 0;
}
.art-rule{width:130px;border-top:1px solid var(--tag-ink-3);margin:26px 0 22px}
.art-main .standfirst{
  font-size:clamp(1.08rem,1.9vw,1.3rem);line-height:1.5;color:var(--tag-ink);
  margin:0 0 28px;
}
.art-main .entry-content{padding-top:36px}
.art-rail-right{position:sticky;top:96px;align-self:start}
.sec-callout{
  display:block;position:relative;text-decoration:none;
  background:color-mix(in srgb, var(--tag-brand) 10%, var(--tag-paper));
  border-radius:12px;padding:18px 44px 18px 20px;
}
.sec-callout .k{
  font-family:var(--tag-sans);
  font-size:.74rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tag-accent);
}
.sec-callout p{
  font-family:var(--tag-sans);
  margin:8px 0 0;font-size:.84rem;line-height:1.5;color:var(--tag-ink-2);
}
.sec-callout .arr{
  position:absolute;right:16px;top:50%;transform:translateY(-50%);
  color:var(--tag-accent);font-size:1.3rem;font-weight:700;
}
.sec-callout:hover .arr{right:12px}

/* margin-note pull quote (standard articles) — RoW style */
.art-main .pull{
  float:right;width:280px;
  margin:.2em -336px 28px 32px;
  padding:0;text-align:left;
}
.art-main .pull::before{
  content:"“";font-family:var(--tag-sans);
  font-size:3.6rem;line-height:.6;height:auto;
  color:var(--tag-accent);opacity:1;display:block;margin-bottom:2px;
}
.art-main .pull blockquote{
  max-width:none;font-family:var(--tag-sans);font-style:normal;
  font-size:1.45rem;font-weight:800;line-height:1.3;letter-spacing:-.01em;
  color:var(--tag-accent);
}
.art-main .pull blockquote .hl{background:none;color:inherit}
.art-main .pull cite{margin-top:10px}

@media (max-width:1280px){
  .art-grid{grid-template-columns:180px minmax(0,1fr);gap:40px}
  .art-rail-right{display:none}
  .art-main .pull{float:none;width:auto;margin:36px 0;padding:0}
}
@media (max-width:820px){
  .art-grid{grid-template-columns:1fr;gap:0;padding-top:40px}
  .art-rail-left{position:static;order:2;border-top:1px solid var(--tag-line);margin-top:36px;padding-top:24px}
  .art-main{order:1}
  .author-rail{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start}
  .rail-meta{border:0;padding:0}
}

/* ---------- guide landing (Internet Matters style) ---------- */
.guide-hero{background:var(--tag-paper-2);border-bottom:1px solid var(--tag-line);padding:52px 0 56px}
.ghero-grid{
  display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:center;
}
@media (max-width:960px){.ghero-grid{grid-template-columns:1fr}}
.ghero-text .wp-block-post-title{
  font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:850;line-height:1.12;
  letter-spacing:-.015em;text-wrap:balance;margin:.35em 0 .3em;
}
.ghero-aud{display:flex;gap:8px;flex-wrap:wrap;font-family:var(--tag-sans);margin:0 0 14px}
.ghero-aud a{
  font-size:.78rem;font-weight:700;color:var(--tag-hl-ink);text-decoration:none;
  background:var(--tag-hl);border-radius:99px;padding:4px 12px;
}
.ghero-intro{font-size:1.05rem;line-height:1.65;color:var(--tag-ink-2);margin:0 0 16px;max-width:56ch}
.ghero-reviewed{
  font-family:var(--tag-sans);font-size:.85rem;color:var(--tag-ink-2);
  display:flex;gap:6px;align-items:baseline;margin-bottom:22px;
}
.ghero-reviewed p{margin:0;font-size:.85rem}
.ghero-reviewed .wp-block-post-date{font-size:.85rem;color:var(--tag-ink-2)}
.ghero-acts{display:flex;gap:12px;flex-wrap:wrap;font-family:var(--tag-sans)}
.gbtn{
  text-decoration:none;font-weight:800;font-size:.92rem;
  padding:13px 22px;border-radius:8px;display:inline-block;
}
.gbtn-pdf{background:var(--tag-hl);color:var(--tag-hl-ink)}
.gbtn-pdf[aria-disabled="true"]{opacity:.75;cursor:default}
.gbtn-ghost{border:1px solid var(--tag-ink-3);color:var(--tag-ink)}
.gbtn-ghost:hover{border-color:var(--tag-ink)}
.ghero-art canvas{display:block;width:100%;border-radius:14px}

.guide-content{padding-top:48px}

/* "Во овој водич" box */
.toc-box{
  background:color-mix(in srgb, var(--tag-brand) 10%, var(--tag-paper));
  border-radius:12px;padding:24px 28px;margin:36px 0;
}
.toc-box h3{
  font-family:var(--tag-sans);
  font-size:.8rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tag-accent);margin:0 0 12px;
}
.toc-box ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.toc-box li{padding-left:18px;position:relative;margin:0}
.toc-box li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--tag-brand)}
.toc-box a{font-size:.98rem;font-weight:650;color:var(--tag-ink);text-decoration:none}
.toc-box a:hover{color:var(--tag-accent);text-decoration:underline}

/* accordions */
.acc{margin:14px 0}
.acc details{border-bottom:1px solid var(--tag-line);padding:0}
.acc details:first-child{border-top:1px solid var(--tag-line)}
.acc summary{
  cursor:pointer;list-style:none;font-weight:750;font-size:1.08rem;
  padding:18px 34px 18px 2px;position:relative;
}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{
  content:"";position:absolute;right:8px;top:50%;
  width:10px;height:10px;border-right:2.5px solid var(--tag-accent);border-bottom:2.5px solid var(--tag-accent);
  transform:translateY(-70%) rotate(45deg);transition:transform .2s;
}
.acc details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.acc .inner{padding:0 2px 20px;color:var(--tag-ink-2);font-size:1rem}
.acc .inner p{margin:0 0 1em}

/* platform link cards */
.linkcards{display:grid;gap:12px;margin:24px 0;font-family:var(--tag-sans)}
.linkcard{
  display:flex;align-items:center;gap:16px;text-decoration:none;
  background:var(--tag-card);border:1px solid var(--tag-line);border-radius:12px;
  padding:16px 20px;
}
.linkcard:hover{border-color:var(--tag-brand)}
.linkcard .lc-ic{
  width:40px;height:40px;border-radius:10px;background:var(--tag-navy);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;flex:none;
}
.linkcard b{font-size:.98rem;color:var(--tag-ink)}
.linkcard span{display:block;font-size:.82rem;color:var(--tag-ink-3)}
.linkcard .lc-arr{margin-left:auto;color:var(--tag-accent);font-weight:800;font-size:1.15rem}

/* ---------- RoW-style left article head (standard articles) ---------- */
.arthead-left{padding:52px 0 0}
.arthead-left .wp-block-post-terms{
  font-family:var(--tag-sans);
  font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}
.arthead-left .wp-block-post-terms a{color:var(--tag-accent);text-decoration:none}
.arthead-left .wp-block-post-title{
  font-size:clamp(2rem,4.2vw,3.1rem);
  font-weight:850;line-height:1.1;letter-spacing:-.015em;
  text-wrap:balance;margin:.4em 0 .4em;
}
.arthead-left .standfirst{
  font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.55;color:var(--tag-ink-2);
  margin:0;max-width:56ch;
}
.arthead-left .byline{justify-content:flex-start;margin:22px 0 0;padding-bottom:24px;border-bottom:1px solid var(--tag-line)}

/* featured image (renders only when set) */
.art-hero{margin:36px auto 0}
.art-hero img{border-radius:10px}
.art-hero figcaption{
  font-family:var(--tag-sans);font-size:.76rem;color:var(--tag-ink-3);text-align:right;margin-top:8px;
}

/* reading progress (single posts) */
.tag-progress{
  position:fixed;left:0;top:0;height:3px;width:0;z-index:60;
  background:var(--tag-hl);
}

/* article tail: tags + authors */
.art-tail{padding:8px 0 0}
.tags-row{margin:44px 0 0;display:flex;gap:8px;flex-wrap:wrap;font-family:var(--tag-sans)}
.tags-row a{
  font-size:.78rem;font-weight:650;color:var(--tag-ink-2);text-decoration:none;
  border:1px solid var(--tag-line);border-radius:99px;padding:4px 12px;
}
.tags-row a:hover{border-color:var(--tag-brand);color:var(--tag-accent)}
.tags-row .wp-block-post-terms__separator{display:none}

/* related stories (recirc) */
.related-single{background:var(--tag-paper-2);border-top:1px solid var(--tag-line);padding:48px 0 8px;margin-top:64px}
.related-single .rel-k{display:block;margin:14px 0 8px;font-size:.72rem}
.related-single .rel-t{margin:0 0 8px;font-size:1.15rem;font-weight:800;line-height:1.3;text-wrap:balance}
.related-single .rel-t a{text-decoration:none;color:inherit}
.related-single .rel-t a:hover{color:var(--tag-accent)}
.related-single .rel-d{margin:0 0 8px;font-size:.9rem;color:var(--tag-ink-2);line-height:1.55}

/* ---------- guide treatment (Водичи) ---------- */
.tag-cat-vodici .entry-content ul.wp-block-list{list-style:none;padding-left:0;margin:1.2em 0 1.6em}
.tag-cat-vodici .entry-content ul.wp-block-list > li{
  position:relative;padding-left:38px;margin:0 0 14px;
}
.tag-cat-vodici .entry-content ul.wp-block-list > li::before{
  content:"✓";position:absolute;left:0;top:.1em;
  width:24px;height:24px;border-radius:6px;
  background:var(--tag-brand);color:#fff;
  font-family:var(--tag-sans);font-size:.85rem;font-weight:800;
  display:flex;align-items:center;justify-content:center;
}
.tag-cat-vodici .entry-content h2{
  padding-bottom:12px;
  background:linear-gradient(var(--tag-hl),var(--tag-hl)) left bottom / 64px 4px no-repeat;
}

/* hero canvas */
.tag-hero{margin:44px 0 0;position:relative}
.tag-hero canvas{display:block;width:100%;height:min(46vw,420px);background:#0E1B33}
.tag-hero figcaption{
  font-family:var(--tag-sans);
  font-size:.76rem;color:var(--tag-ink-3);text-align:right;
  max-width:1360px;margin:8px auto 0;padding:0 28px;
}

/* body typography inside post content */
.entry-content{padding-top:44px;font-size:1.1rem;line-height:1.72}
.entry-content > p{margin:0 0 1.45em}
.entry-content p.lede::first-letter{
  font-weight:850;font-size:3.4em;line-height:.82;
  float:left;padding:.08em .12em 0 0;color:var(--tag-accent);
}
.entry-content h2{
  font-size:1.65rem;font-weight:800;line-height:1.25;letter-spacing:-.01em;
  margin:2.2em 0 .7em;scroll-margin-top:90px;
}

/* key findings */
.findings{
  background:var(--tag-card);border:1px solid var(--tag-line);border-radius:12px;
  box-shadow:var(--tag-shadow);padding:30px 34px;margin:52px auto;
}
.findings h3{
  font-family:var(--tag-sans);
  font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tag-ink-3);margin:0 0 16px;display:flex;align-items:center;gap:10px;
}
.findings h3::before{content:"";width:22px;height:3px;background:var(--tag-hl);border-radius:2px}
.findings ul{margin:0;padding:0;list-style:none;display:grid;gap:13px}
.findings li{padding-left:20px;position:relative;font-size:1.02rem;line-height:1.55;margin:0}
.findings li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--tag-brand)}
.findings li strong{font-weight:750}

/* toc */
.toc{
  font-family:var(--tag-sans);
  border-top:1px solid var(--tag-line);border-bottom:1px solid var(--tag-line);
  padding:16px 0;margin:8px 0 44px;
  display:flex;gap:6px 26px;flex-wrap:wrap;align-items:baseline;font-size:.9rem;
}
.toc b{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tag-ink-3);font-weight:700;margin-right:6px}
.toc a{text-decoration:none;font-weight:600;color:var(--tag-accent)}
.toc a:hover{text-decoration:underline}

/* big stat */
.bigstat{margin:60px auto;text-align:center}
.bigstat .num{
  font-weight:850;letter-spacing:-.03em;line-height:1;
  font-size:clamp(4rem,11vw,7.5rem);
  font-variant-numeric:tabular-nums;color:var(--tag-accent);
}
.bigstat .num em{font-style:normal;font-size:.42em;font-weight:750;letter-spacing:0}
.bigstat .lbl{max-width:40ch;margin:14px auto 0;color:var(--tag-ink-2);font-size:1.05rem;line-height:1.5;text-wrap:balance}
.bigstat .src{font-family:var(--tag-sans);font-size:.78rem;color:var(--tag-ink-3);margin-top:10px}

/* pull quote */
.pull{margin:70px auto;text-align:center;position:relative;padding:0 24px}
.pull blockquote{
  margin:0 auto;max-width:24ch;border:0;padding:0;
  font-size:clamp(1.7rem,3.6vw,2.6rem);
  font-weight:750;font-style:italic;line-height:1.28;letter-spacing:-.01em;text-wrap:balance;
}
.pull blockquote .hl{background:linear-gradient(transparent 62%, var(--tag-hl) 62%, var(--tag-hl) 94%, transparent 94%)}
.pull cite{font-family:var(--tag-sans);display:block;font-style:normal;font-size:.88rem;color:var(--tag-ink-3);margin-top:18px}
.pull::before{
  content:"„";font-size:7rem;line-height:0;color:var(--tag-brand);opacity:.35;
  display:block;height:.35em;font-weight:850;
}

/* scrolly */
.scrolly{
  margin:70px auto;max-width:1360px;padding:0 28px;
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start;
}
.steps{display:grid;gap:55vh;padding:20vh 0 30vh}
.step{opacity:.35;transition:opacity .35s ease;border-left:3px solid var(--tag-line);padding-left:22px}
.step.on{opacity:1;border-left-color:var(--tag-hl)}
.step h4{
  font-family:var(--tag-sans);
  font-size:.8rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--tag-accent);margin:0 0 10px;
}
.step p{margin:0;font-size:1.02rem}
.sticky-fig{
  position:sticky;top:96px;
  background:var(--tag-card);border:1px solid var(--tag-line);border-radius:12px;
  box-shadow:var(--tag-shadow);padding:26px 28px 20px;margin:0;
}
.sticky-fig h5{font-family:var(--tag-sans);margin:0 0 4px;font-size:1.02rem;font-weight:700}
.sticky-fig .sub{font-family:var(--tag-sans);font-size:.82rem;color:var(--tag-ink-3);margin:0 0 20px}
.chart{display:grid;gap:12px;font-family:var(--tag-sans)}
.chart .row{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center}
.chart .plat{font-size:.86rem;font-weight:600;color:var(--tag-ink-2);text-align:right}
.chart .track{position:relative;height:22px}
.chart .bar{
  position:absolute;left:0;top:2px;height:18px;
  background:var(--tag-bar-muted);border-radius:0 4px 4px 0;
  width:calc(var(--v)/100*88%);transition:background .35s ease;cursor:default;
}
.chart .row.hot .bar{background:var(--tag-bar)}
.chart .val{
  position:absolute;left:calc(var(--v)/100*88% + 8px);top:0;
  font-size:.82rem;font-weight:650;color:var(--tag-ink-2);
  font-variant-numeric:tabular-nums;line-height:22px;white-space:nowrap;
}
.chart .row.hot .val{color:var(--tag-ink)}
.chart-src{
  font-family:var(--tag-sans);font-size:.75rem;color:var(--tag-ink-3);margin-top:18px;
  border-top:1px solid var(--tag-line);padding-top:12px;
}
.chart-table{font-family:var(--tag-sans);font-size:.82rem;margin-top:10px}
.chart-table summary{cursor:pointer;color:var(--tag-ink-3);font-weight:600}
.chart-table table{border-collapse:collapse;margin-top:8px;width:100%}
.chart-table th,.chart-table td{text-align:left;padding:5px 10px 5px 0;border-bottom:1px solid var(--tag-line);font-variant-numeric:tabular-nums}
.chart-table th{color:var(--tag-ink-3);font-weight:600}
.tag-tip{
  position:fixed;z-index:99;pointer-events:none;
  font-family:var(--tag-sans);
  background:var(--tag-ink);color:var(--tag-paper);
  font-size:.8rem;font-weight:600;padding:6px 10px;border-radius:6px;
  transform:translate(-50%,-130%);white-space:nowrap;
  opacity:0;transition:opacity .12s;
}
.tag-tip.on{opacity:1}
@media (max-width:860px){
  .scrolly{grid-template-columns:1fr;gap:0}
  .sticky-fig{position:sticky;top:70px;z-index:5;order:-1}
  .steps{gap:45vh;padding:10vh 0 20vh}
}

/* methodology */
.metho{margin:56px auto}
.metho details{border:1px solid var(--tag-line);border-radius:12px;background:var(--tag-paper-2);padding:20px 26px}
.metho summary{cursor:pointer;font-weight:750;font-size:1.05rem;display:flex;align-items:center;gap:12px;list-style:none}
.metho summary::-webkit-details-marker{display:none}
.metho summary::before{
  content:"+";font-family:var(--tag-sans);font-weight:600;
  width:26px;height:26px;border-radius:50%;flex:none;
  background:var(--tag-brand);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.05rem;
}
.metho details[open] summary::before{content:"–"}
.metho .inner{padding:14px 0 4px 38px;color:var(--tag-ink-2);font-size:.98rem}
.metho .inner p{margin:0 0 1em}

/* cite box */
.citebox{
  margin:56px auto;background:var(--tag-card);border:1px solid var(--tag-line);
  border-radius:12px;box-shadow:var(--tag-shadow);overflow:hidden;
}
.citebox .top{padding:26px 30px}
.citebox h3{
  font-family:var(--tag-sans);
  font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tag-ink-3);margin:0 0 12px;
}
.citebox .cite-txt{font-size:.95rem;color:var(--tag-ink-2);font-style:italic;border-left:3px solid var(--tag-hl);padding-left:16px}
.citebox .actions{
  display:flex;gap:12px;flex-wrap:wrap;align-items:center;
  border-top:1px solid var(--tag-line);background:var(--tag-paper-2);
  padding:16px 30px;font-family:var(--tag-sans);
}
.tbtn{
  font-family:inherit;font-size:.88rem;font-weight:700;
  padding:10px 18px;border-radius:6px;cursor:pointer;text-decoration:none;
  border:1px solid transparent;display:inline-flex;gap:8px;align-items:center;
}
.tbtn-blue{background:var(--tag-accent);color:var(--tag-paper)}
.tbtn-ghost{background:transparent;color:var(--tag-ink);border-color:var(--tag-line)}
.tbtn-ghost:hover{border-color:var(--tag-ink-3)}
.citebox .eng{margin-left:auto;font-size:.85rem;color:var(--tag-ink-3)}

/* authors */
.authors{margin:64px auto;display:grid;gap:18px}
.author{display:flex;gap:18px;align-items:flex-start;border-top:1px solid var(--tag-line);padding-top:22px}
.author .pic{
  width:56px;height:56px;border-radius:50%;flex:none;
  background:var(--tag-brand);color:#fff;font-weight:800;
  font-family:var(--tag-sans);font-size:1.1rem;
  display:flex;align-items:center;justify-content:center;
}
.author h4{margin:0 0 4px;font-size:1.02rem;font-weight:750}
.author h4 span{
  font-family:var(--tag-sans);font-size:.78rem;font-weight:600;color:var(--tag-accent);
  margin-left:10px;text-transform:uppercase;letter-spacing:.08em;
}
.author p{margin:0;font-size:.92rem;color:var(--tag-ink-2);line-height:1.55}

/* ---------- generic term badges + tags (consistent across sections) ---------- */
.g3-topmeta{display:flex;align-items:center;gap:12px;margin:14px 0 10px}
.g3-topmeta .wp-block-post-terms{margin:0;display:inline-flex}
.wp-block-post-terms.term-badges a{
  display:inline-block;text-decoration:none;
  font-family:var(--tag-sans);
  font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 9px;border-radius:6px;
  background:color-mix(in srgb, var(--tag-brand) 14%, var(--tag-paper));
  color:var(--tag-accent);
}
.wp-block-post-terms.term-badges a:hover{background:color-mix(in srgb, var(--tag-brand) 24%, var(--tag-paper))}
.wp-block-post-terms.term-badges a[href*="/analiza/"]{
  background:color-mix(in srgb, var(--tag-hl) 30%, var(--tag-paper));
  color:color-mix(in srgb, var(--tag-hl-ink) 70%, var(--tag-ink));
}
.wp-block-post-terms.term-badges a[href*="/analiza/"]:hover{background:color-mix(in srgb, var(--tag-hl) 45%, var(--tag-paper))}
.wp-block-post-terms.term-badges a[href*="/vodici/"],
.wp-block-post-terms.term-badges a[href*="/video/"]{
  background:var(--tag-paper-2);color:var(--tag-ink-2);
}
.wp-block-post-terms.term-tag,
.wp-block-post-terms.term-tag a{
  font-family:var(--tag-sans);
  font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--tag-ink-3);text-decoration:none;background:none;padding:0;border-radius:0;
}
.wp-block-post-terms.term-tag a:hover{color:var(--tag-accent)}