/* wearecoded - бранд дизайн система
   Unbounded (дисплей) / Manrope (текст) / JetBrains Mono (моно) */

:root{
  --bg:#070b16; --bg2:#0A1020; --panel:#0d1426;
  --line:#1c2740; --line2:#26344f;
  --ice:#E9EFFA; --soft:#bdcae0; --dim:#7286a6; --faint:#6f83a4;
  --accent:#4DA3FF; --glow:#8CC6FF;
  --maxw:1160px; --r:14px;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --sans:'Manrope',system-ui,-apple-system,sans-serif;
  --disp:'Unbounded',var(--sans);
  /* сайтът е тъмен -> кажи го на браузъра, за да НЕ рендерира формите (бутони/полета)
     със светли UA стойности. Без това iOS Safari даваше на "Меню" бутона бял фон. */
  color-scheme:dark;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
/* ★ 01.10: фокусът в съдържанието не се крие под залепения хедър (WCAG 2.4.11). Само в main -
   scroll-padding на целия html местеше страницата с 430px при отваряне на мобилното меню. */
main a,main button,main input,main summary,main [tabindex]{scroll-margin-top:84px}
body{
  background:var(--bg); color:var(--ice); font-family:var(--sans);
  font-size:1.0625rem; line-height:1.7; -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  /* ★ 01.10: clip вместо hidden - hidden прави body скрол-контейнер и изключва sticky хедъра:
     на телефон менюто се отваряше горе извън екрана, а скролът се заключваше */
  overflow-x:clip;
}
a{color:inherit;text-decoration:none}
img,canvas{display:block;max-width:100%}
::selection{background:rgba(77,163,255,.28)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}

/* progress */
.progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:60;
  background:linear-gradient(90deg,var(--accent),var(--glow));box-shadow:0 0 12px var(--accent)}

/* header */
.site-head{position:sticky;top:0;z-index:50;
  background:rgba(7,11,22,.72);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;flex-direction:column;gap:3px;line-height:1;margin-right:auto}
.brand .wm{display:flex;align-items:baseline;white-space:nowrap}
.brand .wm u{text-decoration:none}
.brand .wm i{font-family:var(--mono);font-style:normal;font-weight:500;
  font-size:1rem;letter-spacing:-.01em;color:var(--dim);transition:color .25s}
.brand .wm b{font-family:var(--disp);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;
  color:var(--ice);transition:color .25s}
.brand .wm .dot{color:var(--accent);font-family:var(--disp);font-weight:700;font-size:1.25rem;
  text-shadow:0 0 14px rgba(77,163,255,.7)}
.brand .wm .car{display:inline-block;width:8px;height:17px;margin-left:5px;
  background:var(--accent);transform:translateY(2px);box-shadow:0 0 12px rgba(77,163,255,.6);
  opacity:1;animation:car-bl 1.1s steps(1) infinite}
@keyframes car-bl{0%,50%{opacity:1}51%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.brand .wm .car{animation:none;opacity:.85}}
.brand:hover .wm i{color:var(--soft)}
.brand:hover .wm b{color:#fff}
.brand .sub{font-family:var(--mono);font-weight:400;font-size:0.59375rem;
  letter-spacing:.26em;text-transform:uppercase;color:var(--faint)}
.nav{display:flex;gap:26px;font-family:var(--mono);font-size:0.78125rem;letter-spacing:.12em;text-transform:uppercase}
.nav a{color:var(--dim);transition:color .2s}
.nav a:hover{color:var(--ice)}
.navt-cb,.navt{display:none}
/* ★ 01.10.2026: мобилното меню до 860px (беше 640) - хедърът иска ~820px на един ред;
   между 641 и 820 „Новини" и „За нас" се пренасяха на два реда */
@media(max-width:860px){
  .nav{display:none}
  /* чипът остава видим до бургера; 44px цел за докосване */
  .lang-sw{margin-right:12px;min-height:44px;display:inline-flex;align-items:center}
  /* цел за докосване: WCAG иска минимум 44x44. Беше 38 висок - палецът го изпуска. */
  .navt{display:inline-flex;align-items:center;min-height:44px;
    font-family:var(--mono);font-size:0.75rem;letter-spacing:.12em;
    text-transform:uppercase;color:var(--soft);border:1px solid var(--line2);border-radius:8px;
    padding:0 15px;cursor:pointer;user-select:none;
    /* ПЛЪТЕН тъмен фон (не прозрачен): при скрол sticky хедърът с backdrop-filter дава
       сив артефакт на iOS Safari, а прозрачен бутон го показва -> "сив/неактивен".
       Собствен плътен фон = бутонът е винаги тъмен, независимо какво прави хедърът. */
    background:var(--bg2);color:var(--soft);-webkit-appearance:none;appearance:none;margin:0}
  /* панел от ръб до ръб (малки полета) вместо тясна карта вдясно -> чете се като
     завършен мобилен drawer, а не като изтекъл десктоп дропдаун */
  .navt-cb:checked ~ .nav{display:flex;flex-direction:column;gap:18px;position:absolute;
    top:64px;left:16px;right:16px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;
    padding:20px 22px;z-index:60;
    /* 17 линка не се събират на телефон -> ограничи и дай скрол, иначе последните
       (Архив/Метод/За нас/RSS) остават под ръба на екрана и са недостижими */
    max-height:calc(100vh - 80px);overflow-y:auto;overscroll-behavior:contain;
    /* сянка + scrim зад менюто (затъмнява страницата отдолу) */
    box-shadow:0 20px 50px -20px rgba(0,0,0,.85),0 0 0 100vmax rgba(3,6,14,.62)}
  .site-head .wrap{position:relative}
  /* докато менюто е отворено: заключи скрола на страницата отдолу, за да не
     "изтича" съдържанието под менюто (прогресивно; стари браузъри просто го игнорират) */
  html:has(.navt-cb:checked){overflow:hidden}
}

/* hero */
.hero{position:relative;min-height:clamp(440px,72vh,640px);display:flex;align-items:flex-start;
  border-bottom:1px solid var(--line);overflow:hidden}
/* 11.08: закотвено ОТГОРЕ с еднакъв отстъп - иначе при различна височина на
   заглавието (бг 6 реда / en 4) синият ред плаваше: сбит в менюто на бг,
   паднал на en. Долният въздух диша с градиента при по-късо заглавие. */
.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero .veil{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
   radial-gradient(120% 90% at 18% 100%,rgba(7,11,22,.96) 0%,rgba(7,11,22,.74) 38%,rgba(7,11,22,.30) 72%,transparent 100%),
   linear-gradient(180deg,rgba(7,11,22,.55),transparent 30%)}
.hero .inner{position:relative;z-index:2;padding:48px 0 58px}
.kick{font-family:var(--mono);font-size:0.75rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--accent);display:inline-flex;align-items:center;gap:9px;margin-bottom:20px}
.kick::before{content:"";width:24px;height:1px;background:var(--accent)}
.hero h1{font-family:var(--disp);font-weight:700;line-height:1.02;letter-spacing:-.02em;
  font-size:clamp(34px,5.6vw,68px);max-width:16ch;
  text-shadow:0 2px 60px rgba(0,0,0,.6)}
.hero .dek{margin-top:22px;max-width:62ch;color:var(--soft);font-size:clamp(16px,1.5vw,19px)}
.hero .cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:600px){
  /* дълъг кикер на телефон: въздух отгоре + без висящото тире */
  .hero .inner{padding-top:40px}
  .hero .kick::before{display:none}
}
/* ---- 14.08: ХЕРОТО НА ТЕЛЕФОН (мерено на 390x844 и 360x780) ----
   Беше: кикерът с междубуквие .3em се чупеше на 4 реда и се сливаше с код-арта;
   заглавието на 34px падаше на 6 реда (243px); цялото херо ставаше 720 от 844,
   тоест изяждаше първия екран и бутоните оставаха на ръба. */
@media(max-width:640px){
  .hero{min-height:auto}
  .hero .inner{padding:34px 0 40px}
  .hero .kick{font-size:0.65625rem;letter-spacing:.14em;line-height:1.7;margin-bottom:16px;
    max-width:34ch;text-shadow:0 1px 10px rgba(7,11,22,.95),0 0 22px rgba(7,11,22,.9)}
  .hero h1{font-size:clamp(26px,7.2vw,32px);line-height:1.08;max-width:22ch}
  .hero .dek{margin-top:16px;font-size:0.96875rem;line-height:1.55}
  .hero .cta{margin-top:22px;gap:10px}
  .hero .cta .btn{padding:11px 18px;font-size:0.78125rem}
  .hero .veil{background:
    linear-gradient(180deg,rgba(7,11,22,.92) 0%,rgba(7,11,22,.62) 26%,rgba(7,11,22,.30) 48%,transparent 70%),
    radial-gradient(140% 80% at 18% 100%,rgba(7,11,22,.96) 0%,rgba(7,11,22,.74) 42%,transparent 100%)}
  .art-hero{min-height:auto}
  .art-hero .inner{padding:26px 0 30px}
  .art-hero .veil{background:
    linear-gradient(180deg,rgba(7,11,22,.88) 0%,rgba(7,11,22,.55) 30%,transparent 62%),
    radial-gradient(140% 100% at 14% 100%,rgba(7,11,22,.96),rgba(7,11,22,.55) 60%,transparent)}
}
.btn{font-family:var(--mono);font-size:0.8125rem;letter-spacing:.04em;padding:12px 22px;border-radius:10px;
  border:1px solid var(--line2);transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s,opacity .2s,padding .2s;cursor:pointer}
.btn.primary{background:var(--accent);color:#03060e;border-color:var(--accent);font-weight:500}
.btn.primary:hover{background:var(--glow);box-shadow:0 0 26px rgba(77,163,255,.5)}
.btn.ghost{color:var(--soft)}
.btn.ghost:hover{border-color:var(--accent);color:var(--ice)}

/* section heading */
.shead{display:flex;align-items:baseline;justify-content:space-between;gap:18px;
  margin:0 0 26px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.shead h2{font-family:var(--disp);font-weight:700;font-size:clamp(20px,2.6vw,30px);letter-spacing:-.01em}
.shead .lbl{font-family:var(--mono);font-size:0.6875rem;letter-spacing:.26em;text-transform:uppercase;color:var(--dim)}
section.block{padding:64px 0}

/* lead feature */
.lead{display:grid;grid-template-columns:1.05fr .95fr;gap:0;border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;background:var(--panel)}
.lead .media{position:relative;min-height:340px}
.lead .media canvas{position:absolute;inset:0;width:100%;height:100%}
.lead .media .tag{position:absolute;z-index:2;left:16px;bottom:16px;font-family:var(--mono);
  font-size:0.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--glow);
  background:rgba(7,11,22,.6);border:1px solid var(--line2);padding:6px 11px;border-radius:7px}
.lead .body{padding:38px 40px}
.lead .body .kick{margin-bottom:16px}
/* ★ 01.10: кикерът над анимацията и на десктоп с тъмна сянка (на телефон я имаше) - иначе до 2.34:1 */
.hero .kick{text-shadow:0 1px 10px rgba(7,11,22,.95),0 0 22px rgba(7,11,22,.9)}
.lead .body h3{font-family:var(--disp);font-weight:700;font-size:clamp(23px,2.7vw,33px);
  line-height:1.08;letter-spacing:-.01em;margin-bottom:16px}
.lead .body p{color:var(--soft);margin-bottom:16px}
.lead .body .more{font-family:var(--mono);font-size:0.8125rem;color:var(--accent);display:inline-flex;gap:8px;align-items:center}
.lead .body .more:hover{color:var(--glow)}
/* цитат от тялото на водещия материал (различна стойност от hero-то) */
.lead .body .lead-quote{border-left:2px solid var(--accent);padding-left:18px;
  color:var(--ice);font-size:1.03125rem;line-height:1.62;font-style:normal}
@media(max-width:860px){.lead{grid-template-columns:1fr}.lead .media{min-height:200px}}

/* grid of stories */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:920px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cards{grid-template-columns:1fr}}
/* ★ 01.10: вдига се ВЪТРЕШНАТА обвивка, връзката (зоната за мишката) стои на място.
   Преди: картата се вдигаше с 4px заедно със зоната си -> мишката в долните 4px пускаше
   кръг вдигни/пусни („пулсира"). БЕЗ will-change: пробвано - слоевете се закръглят към
   пиксел и ВСИЧКИ карти мърдат с части от пиксела при влизане в грида (същият бъг). */
.card{display:flex;flex-direction:column;border-radius:var(--r);position:relative}
.card-in{display:flex;flex-direction:column;flex:1;border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;background:var(--panel);transition:color .25s,background-color .25s,border-color .25s,box-shadow .25s,transform .25s,opacity .25s,padding .25s;position:relative}
.card:hover .card-in{transform:translateY(-4px);border-color:var(--line2);
  box-shadow:0 18px 50px -24px rgba(0,0,0,.8)}
.card .media{position:relative;height:148px;border-bottom:1px solid var(--line)}
.card .media canvas{position:absolute;inset:0;width:100%;height:100%}
.card .media .badge{position:absolute;z-index:2;left:12px;top:12px;font-family:var(--mono);
  font-size:0.625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--glow);
  background:rgba(7,11,22,.62);border:1px solid var(--line2);padding:5px 9px;border-radius:6px}
.card .c-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.card .meta{font-family:var(--mono);font-size:0.6875rem;letter-spacing:.06em;color:var(--dim);
  display:flex;gap:10px;margin-bottom:11px}
.card .meta .src{color:var(--accent)}
.card h3{font-family:var(--disp);font-weight:700;font-size:1.15625rem;line-height:1.18;
  letter-spacing:-.01em;margin-bottom:10px}
.card p{font-size:0.90625rem;color:var(--soft);line-height:1.6;flex:1}
.card .more{margin-top:16px;font-family:var(--mono);font-size:0.75rem;color:var(--accent);
  display:inline-flex;gap:7px;align-items:center}
.card:hover .more{color:var(--glow)}
/* ★ 01.10: подтемата на собствен ред - преди се пренасяше с висяща „·" */
.card .meta{flex-wrap:wrap;row-gap:2px}
.card .meta .tsub{color:var(--faint);flex-basis:100%}
/* открояване: първата видима карта в грида е голяма (ритъм, не равен килим) */
@media(min-width:601px){
  .card.feat{grid-column:span 2}
  .card.feat .media{height:232px}
  .card.feat h3{font-size:clamp(21px,2.3vw,26px);line-height:1.14}
  .card.feat p{font-size:0.96875rem}
}
/* "Още по темата" под статия */
section.block.related{padding:34px 0 6px;border-top:1px solid var(--line);margin-top:44px}
.cards.rel .card.feat{grid-column:auto}
.cards.rel .card.feat .media{height:148px}
.cards.rel .card.feat h3{font-size:1.15625rem}
.cards.rel .card.feat p{font-size:0.90625rem}

/* article image (own / licensed) */
.article .art-img{margin:0 0 30px}
.article .art-img img{width:100%;border-radius:12px;border:1px solid var(--line);display:block}
.article .art-img figcaption{font-family:var(--mono);font-size:0.6875rem;color:var(--faint);
  letter-spacing:.04em;margin-top:9px}

/* editorial labels + risk callout */
.article .labels{display:flex;flex-wrap:wrap;gap:10px;margin:-10px 0 28px}
.article .lab{font-family:var(--mono);font-size:0.75rem;color:var(--soft);border:1px solid var(--line);
  border-radius:9px;padding:8px 13px;display:flex;flex-direction:column;gap:3px;background:var(--panel)}
.article .lab i{font-style:normal;font-size:0.5625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.article .lab a{color:var(--soft);border-bottom:1px solid var(--line2);transition:color .2s,border-color .2s}
.article .lab a:hover,.article .lab a:focus-visible{color:var(--accent);border-color:var(--accent)}
.article .brief{border:1px solid rgba(77,163,255,.35);background:rgba(77,163,255,.05);
  border-radius:12px;padding:18px 22px 14px;margin:52px 0 40px;position:relative}
.article .brief+.labels{margin-top:0}
.article .brief .br-l{position:absolute;top:-9px;left:18px;font-family:var(--mono);font-size:0.625rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--accent);background:var(--bg);padding:0 8px}
.article .brief ul{margin:0;padding:0;list-style:none}
.article .brief li{position:relative;padding:4px 0 4px 20px;color:var(--soft);font-size:0.96875rem;line-height:1.55}
.article .brief li::before{content:"";position:absolute;left:2px;top:13px;width:7px;height:7px;
  border-radius:2px;background:var(--accent);opacity:.75}
.article .riskbox{border:1px solid #4a3a1e;background:rgba(214,158,46,.06);border-radius:12px;
  padding:18px 22px;margin:34px 0 0;position:relative}
.article .riskbox .rl{position:absolute;top:-9px;left:18px;font-family:var(--mono);font-size:0.625rem;
  letter-spacing:.18em;text-transform:uppercase;color:#e0a93a;background:var(--bg);padding:0 8px}
.article .riskbox p{margin:0;color:var(--soft);font-size:0.96875rem}

/* archive list */
.article ul.arch{list-style:none;margin:6px 0 30px;padding:0}
.article ul.arch li{border-bottom:1px solid var(--line)}
.article ul.arch a{display:flex;justify-content:space-between;gap:16px;align-items:baseline;
  padding:13px 0;color:var(--soft);transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s,opacity .2s,padding .2s}
.article ul.arch a:hover{color:var(--accent);padding-left:6px}
.article ul.arch .t{font-family:var(--sans);font-weight:500;font-size:1rem}
.article ul.arch .k{font-family:var(--mono);font-size:0.65625rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--dim);white-space:nowrap}

/* архивът като БРОЕВЕ (01.10.2026): номер, ден, брой; гъст ред.
   САМО палитрата на сайта (Цвети: „не да вкарваме 1000 нови неща") - квадратчето е
   --accent, етикетът --dim. Нула нови цветове. */
.article.arch-page{max-width:1000px}
.block .article.arch-page{padding:0;margin:0;max-width:none}  /* 06.10: хронологията в „Кой е кой" - рамката на Архива без своите отстъпи */
.article h2.issue{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;
  margin:38px 0 6px;padding-top:22px;border-top:1px solid var(--line2)}
.article h2.issue:first-of-type{border-top:0;padding-top:0}
.article h2.issue .no{font-family:var(--disp);font-size:1.25rem;color:var(--ice)}
.article h2.issue .dt{font-family:var(--mono);font-size:0.6875rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--dim);font-weight:400}
.article h2.issue .cnt{margin-left:auto;font-family:var(--mono);font-size:0.6875rem;
  color:var(--dim);font-weight:400}
.article ul.arch.dense li{border-bottom:0}
.article ul.arch.dense a{justify-content:flex-start;gap:14px;padding:6px 0 6px 18px}
.article ul.arch.dense a:hover{padding-left:24px}
.article ul.arch.dense .k{flex:0 0 112px;display:inline-flex;align-items:center;gap:8px;
  color:var(--dim)}
.article ul.arch.dense .sq{width:6px;height:6px;flex:0 0 6px;background:var(--accent)}
.article ul.arch.dense .t{font-size:1rem;line-height:1.4}
@media(max-width:640px){
  .article ul.arch.dense a{flex-direction:column;gap:2px;padding:9px 0 9px 4px}
  .article ul.arch.dense a:hover{padding-left:8px}
  .article ul.arch.dense .k{flex:none}
  .article h2.issue .cnt{margin-left:0}
}

/* clean / no-tracking identity */
.clean{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 12px}
.clean span{font-family:var(--mono);font-size:0.6875rem;letter-spacing:.07em;color:var(--glow);
  border:1px solid var(--line2);border-radius:20px;padding:6px 13px;background:rgba(77,163,255,.06)}
.clean-note{color:var(--dim)!important;font-size:0.84375rem!important;margin:0}
.clean-note a{color:var(--accent)}
.clean-note a:hover{color:var(--glow)}
/* a11y: инлайн връзки в текстов блок се различават и БЕЗ цвят (същия border-bottom
   pattern като .article p a) -> "Links rely on color" отпада, без тежко подчертаване */
.clean-note a,.sub a{border-bottom:1px solid var(--line2)}
.clean-note a:hover,.sub a:hover{border-color:var(--accent)}

/* method strip */
.method{display:grid;grid-template-columns:1fr 1.3fr;gap:36px;align-items:center;
  border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:36px 40px}
.method .left h2{font-family:var(--disp);font-weight:700;font-size:clamp(20px,2.4vw,27px);margin-bottom:12px}
.method .left p{color:var(--soft);font-size:0.9375rem}
.method .rules{display:grid;gap:14px}
.method .rule{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.method .rule b{font-family:var(--mono);font-size:0.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.method .rule span{color:var(--soft);font-size:0.90625rem}
@media(max-width:760px){.method{grid-template-columns:1fr;padding:28px 24px}
  .method .rule{grid-template-columns:1fr;gap:4px}}

/* footer */
.site-foot{border-top:1px solid var(--line);padding:64px 0 40px;margin-top:24px}
/* ФУТЪР v2 (27.08): бранд отляво, четири групи с етикети отдясно; долу отделен
   ред за авторството. Преди: един ред от девет връзки, който се пренасяше 6+3. */
.foot-top{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2.2fr);
  gap:40px 64px;align-items:start}
.foot-brand{display:flex;flex-direction:column;gap:8px}
.foot-brand .fb-name{font-family:var(--disp);font-weight:700;font-size:1.0625rem;letter-spacing:-.01em;color:var(--ice)}
.foot-brand .fb-tag{font-family:var(--mono);font-size:0.6875rem;letter-spacing:.1em;color:var(--accent)}
.foot-cols{display:grid;grid-template-columns:1fr 1fr .8fr 1.5fr;gap:32px 48px}
.fcol{display:flex;flex-direction:column;gap:10px;min-width:0}
.fcol-h{font-family:var(--mono);font-size:0.6875rem;line-height:1.4;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint);margin-bottom:2px}
.fcol a{font-family:var(--mono);font-size:0.8125rem;line-height:1.45;letter-spacing:.04em;
  color:var(--dim);transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s,opacity .2s,padding .2s}
.fcol a:hover{color:var(--accent)}
.foot-base{display:flex;flex-wrap:wrap;gap:8px 32px;justify-content:space-between;
  align-items:baseline;margin-top:48px;padding-top:20px;border-top:1px solid var(--line)}
.foot-base .fb-sub{font-family:var(--mono);font-size:0.6875rem;letter-spacing:.1em;color:var(--dim)}
.foot-base .fb-ed{font-family:var(--mono);font-size:0.6875rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint)}
.foot-base .fb-sub a,.foot-base .fb-ed a{color:var(--soft);text-decoration:none;
  border-bottom:1px solid var(--line);transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s,transform .15s,opacity .15s,padding .15s}
.foot-base .fb-sub a:hover,.foot-base .fb-ed a:hover{color:var(--accent);border-color:var(--accent)}
@media(max-width:900px){.foot-cols{grid-template-columns:repeat(2,minmax(0,auto));gap:28px 40px}}
@media(max-width:600px){.foot-top{grid-template-columns:1fr;gap:32px}
  .foot-cols{gap:28px 32px}.foot-base{margin-top:32px}}

/* ---------- ARTICLE PAGE ---------- */
.art-hero{position:relative;min-height:clamp(320px,52vh,460px);display:flex;align-items:flex-end;
  border-bottom:1px solid var(--line);overflow:hidden}
.art-hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.art-hero .veil{position:absolute;inset:0;z-index:1;
  background:radial-gradient(120% 100% at 14% 100%,rgba(7,11,22,.96),rgba(7,11,22,.5) 60%,transparent)}
/* .art-hero е flex контейнер -> .wrap е flex item и при КРАТКО заглавие се свива
   по съдържанието (изглежда центрирано вместо подравнено вляво). Заковаваме го. */
.art-hero>.wrap{width:100%}
.art-hero .inner{position:relative;z-index:2;padding:0 0 42px}
/* нисък hero за служебни страници (Архив): списъкът е звездата, не заглавието */
.art-hero.slim{min-height:200px}
.art-hero.slim .inner{padding:28px 0}
.art-hero.slim .kick{margin-bottom:12px}
.art-hero h1{font-family:var(--disp);font-weight:700;line-height:1.05;letter-spacing:-.02em;
  font-size:clamp(28px,4.4vw,52px);max-width:20ch}
.art-meta{font-family:var(--mono);font-size:0.75rem;letter-spacing:.08em;color:var(--dim);
  display:flex;gap:14px;margin-top:18px;flex-wrap:wrap}
.art-meta .src{color:var(--accent)}
.art-meta a.sec{color:inherit;border-bottom:1px solid var(--line2);transition:color .2s,border-color .2s}
.art-meta a.sec:hover,.art-meta a.sec:focus-visible{color:var(--accent);border-color:var(--accent)}
.article{overflow-wrap:break-word;max-width:760px;margin:0 auto;padding:54px 28px 30px}
.article .dek{font-size:clamp(18px,2vw,22px);line-height:1.5;color:var(--ice);font-weight:500;
  margin-bottom:34px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.article p{color:var(--soft);margin-bottom:22px;font-size:1.125rem}
.article h3{font-family:var(--disp);font-weight:700;font-size:1.4375rem;letter-spacing:-.01em;
  margin:38px 0 16px;color:var(--ice)}
.article h2.sub{font-family:var(--disp);font-weight:700;font-size:1.4375rem;letter-spacing:-.01em;
  margin:38px 0 16px;color:var(--ice)}
.article .pull{border-left:2px solid var(--accent);padding:6px 0 6px 24px;margin:30px 0;
  font-family:var(--disp);font-weight:400;font-size:1.3125rem;line-height:1.4;color:var(--ice)}
.article .fact{background:var(--panel);border:1px solid var(--line);border-radius:12px;
  padding:18px 22px;margin:26px 0;font-size:0.96875rem;color:var(--soft);position:relative}
.article .fact::before{content:"ФАКТ";position:absolute;top:-9px;left:18px;font-family:var(--mono);
  font-size:0.625rem;letter-spacing:.2em;color:var(--accent);background:var(--bg);padding:0 8px}
.article .further{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:26px 0;
  padding:14px 20px;border:1px dashed var(--line);border-radius:12px}
.article .further .fl-l{font-family:var(--mono);font-size:0.625rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--dim);flex-shrink:0}
.article .further a{color:var(--soft);border-bottom:1px solid var(--line);transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s,opacity .2s,padding .2s}
.article .further a:hover{color:var(--accent);border-color:var(--accent)}
.article .author-photo{float:left;width:172px;max-width:42%;margin:2px 26px 12px 0}
.article .author-photo img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line);display:block}
.article h3{clear:both}
.article h2.sub{clear:both}
@media(max-width:560px){.article .author-photo{float:none;width:150px;margin:0 0 16px}}
/* 01.10.2026: на тесен телефон (360px) подзаглавието се пренасяше на 2 реда - по-сбита разредка, същият размер */
@media(max-width:380px){.brand .sub{letter-spacing:.1em}}
.brand .sub a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s,transform .15s,opacity .15s,padding .15s}
.brand .sub a:hover{color:var(--accent);border-color:var(--accent)}
.article p a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--line2);transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s,transform .15s,opacity .15s,padding .15s}
.article p a:hover{border-color:var(--accent)}
.sources{max-width:760px;margin:10px auto 0;padding:30px 28px 0;border-top:1px solid var(--line)}
.sources .lbl{font-family:var(--mono);font-size:0.6875rem;letter-spacing:.24em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}
.sources .sub{font-family:var(--mono);font-size:0.625rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--faint);margin:18px 0 4px}
.sources .sub:first-of-type{margin-top:0}
.sources a{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);
  font-size:0.90625rem;color:var(--soft);transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s,opacity .2s,padding .2s}
.sources a:hover{color:var(--accent);padding-left:6px}
.sources a .ar{font-family:var(--mono);color:var(--accent)}
.share{max-width:760px;margin:26px auto 0;padding:0 28px;display:flex;flex-wrap:wrap;
  align-items:center;gap:10px 12px}
.share .sh-l{font-family:var(--mono);font-size:0.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.share a,.share .sh-copy{font-family:var(--mono);font-size:0.75rem;letter-spacing:.04em;color:var(--soft);
  border:1px solid var(--line);border-radius:8px;padding:8px 14px;background:var(--panel);
  cursor:pointer;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s,opacity .2s,padding .2s;text-decoration:none}
.share a:hover,.share .sh-copy:hover{border-color:var(--accent);color:var(--accent)}

.backbar{max-width:760px;margin:30px auto 80px;padding:0 28px}
.backbar a{font-family:var(--mono);font-size:0.8125rem;color:var(--dim);display:inline-flex;gap:8px}
.backbar a:hover{color:var(--accent)}
.ai-note{font-family:var(--mono);font-size:0.6875rem;color:var(--faint);letter-spacing:.04em;
  display:inline-flex;gap:8px;align-items:center;margin-top:8px}
.ai-note .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}

/* секционно меню (падащо под "Новини") */
.nd{position:relative;display:inline-block}
.nd>a::after{content:"";display:inline-block;width:5px;height:5px;margin-left:7px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg);opacity:.55;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s,opacity .2s,padding .2s}
.nd:hover>a::after{opacity:1}
.nd-menu{display:none;position:absolute;top:calc(100% + 12px);left:-14px;flex-direction:column;
  gap:2px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px;
  min-width:184px;z-index:60;box-shadow:0 24px 60px -24px rgba(0,0,0,.9)}
.nd-menu::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.nd:hover .nd-menu,.nd:focus-within .nd-menu{display:flex}
/* ★ 01.10: Escape затваря „Новини" (WCAG 1.4.13) - иначе :focus-within го държи отворено */
@media(min-width:861px){.nd.nd-closed .nd-menu{display:none}}
.nd-menu a{padding:9px 13px;border-radius:8px;color:var(--dim);letter-spacing:.1em;
  white-space:nowrap;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s,transform .15s,opacity .15s,padding .15s}
.nd-menu a:hover{background:var(--panel);color:var(--ice)}

/* филтър-чипове над новините */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.chip{font-family:var(--mono);font-size:0.71875rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--dim);background:transparent;border:1px solid var(--line);border-radius:999px;
  padding:8px 16px;cursor:pointer;transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s,transform .18s,opacity .18s,padding .18s;display:inline-flex;align-items:center;
  gap:8px;white-space:nowrap;line-height:1}
.chip:hover{border-color:var(--line2);color:var(--soft)}
.chip.on{color:#03060e;background:var(--accent);border-color:var(--accent);font-weight:600}
.chip .n{font-size:0.59375rem;font-weight:600}  /* ★ 01.10: без opacity - .55 даваше 2.37:1, сега 5.31:1 */
.chip.on .n{opacity:.85}
.cards-empty{font-family:var(--mono);font-size:0.8125rem;color:var(--dim);letter-spacing:.04em;
  padding:30px 0 6px}
@media(max-width:600px){
  /* заглавие и мета етикет не се борят за един ред - стакват се */
  .shead{flex-direction:column;align-items:flex-start;gap:7px}
  /* 12 секции в един ред с хоризонтален скрол = последните 6 просто изчезват
     (нищо не подсказва, че се скролва). Пренасят се на нов ред - всички се виждат. */
  .chips{flex-wrap:wrap;gap:8px;margin:0 0 24px}
  .chips .chip{padding:8px 12px}
}
/* „Новини" вътре в мобилното меню - на същата граница като менюто (беше 600px и между
   601 и 640 в менюто излизаше десктопското падащо) */
@media(max-width:860px){
  .nd-menu{position:static;display:flex;border:none;box-shadow:none;background:transparent;
    padding:8px 0 0 14px;min-width:0;gap:14px}
  .nd-menu::before{display:none}
  .nd>a::after{display:none}
}

/* достъпност: потребителят е поискал по-малко движение -> без CSS анимации.
   (кодът-арт в canvas си има собствен reduce режим в codelife.js) */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{transition:none !important;animation:none !important}
  html{scroll-behavior:auto}
}

/* ---------- ДЪРВОТО: линк от непозната дума в статия -> нейния разяснителен възел ----------
   Тихо подчертаване, не крещящ линк: думата си остава част от изречението.
   Целта е читателят да СЕ СЕТИ, че може да кликне, а не да му шари текстът. */
.cx{color:inherit;text-decoration:none;border-bottom:1px dashed rgba(77,163,255,.45);
  padding-bottom:1px;transition:border-color .18s,color .18s}
.cx:hover{color:var(--glow);border-bottom-color:var(--glow);border-bottom-style:solid}
.cx:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}

/* ---------- ДОСТЪПНОСТ ----------
   skip-link: клавиатурният потребител прескача менюто и влиза право в текста.
   Невидим, докато не го фокусираш - точно както изисква WCAG. */
.skip{position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--accent);color:#03060e;font-weight:600;
  padding:12px 20px;border-radius:0 0 10px 0;font-family:var(--mono);font-size:0.8125rem}
.skip:focus{left:0}

/* ---------- КОРЕКЦИЯ ----------
   Коригирана статия го казва ВИДИМО, над текста. Тиха поправка = скрита грешка,
   а доверието на този сайт стъпва точно на обратното. */
.corrbox{border:1px solid rgba(255,176,77,.4);background:rgba(255,176,77,.06);
  border-radius:12px;padding:16px 20px;margin:0 0 26px}
.corrbox .cl{display:block;font-family:var(--mono);font-size:0.6875rem;letter-spacing:.22em;
  text-transform:uppercase;color:#ffb04d;margin-bottom:8px}
.corrbox p{color:var(--soft);font-size:0.96875rem;line-height:1.6;margin:0}

/* редът под картите на началната: пътят към архива (началната = витрина, не склад) */
.more-row{display:flex;justify-content:center;margin-top:34px}

/* пагинация: реални линкове (не JS) - работят с "назад", виждат се от търсачките */
.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:40px}
.pager .pg{font-family:var(--mono);font-size:0.8125rem;color:var(--dim);min-width:40px;height:40px;
  display:inline-flex;align-items:center;justify-content:center;padding:0 12px;
  border:1px solid var(--line);border-radius:9px;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s,opacity .2s,padding .2s}
.pager a.pg:hover{border-color:var(--accent);color:var(--ice)}
.pager .pg.on{background:var(--accent);color:#03060e;border-color:var(--accent);font-weight:500}
.pager .pg.gap{border:0;min-width:20px}
/* секционните табове на /news.html са ЛИНКОВЕ (реални страници), не бутони */
.chips a.chip{text-decoration:none}

/* EN близнакът (10.08): етикетът на факт-кутията, per език */
html[lang="en"] .article .fact::before{content:"FACT"}

/* ---------- търсенето в Основите (11.08) ---------- */
#csearch{margin-top:26px;max-width:520px;min-height:52px}  /* ★ 01.10: мястото е запазено - кутията не мести съдържанието при поява */
/* ★ 01.10: видимо само за четци на екрана (говорителят за търсене/копиране) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cq{width:100%;height:52px;padding:0 18px;border-radius:12px;
  border:1px solid rgba(158,172,182,.28);background:rgba(158,172,182,.06);
  color:var(--ice);font-family:var(--sans);font-size:1rem}
.cq::placeholder{color:var(--dim)}
.cq:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:transparent}
.cq-none{margin-top:14px;font-size:0.9375rem;color:var(--dim)}

/* ---------- социалните във футъра (11.08) ---------- */

/* ---------- превключвателят на езика: бял текст, без бутон (11.08, Цвети) ---------- */
/* езиковият чип (11.08): В ХЕДЪРА, ВЪН от менюто - в бургера на малък екран
   не се стигаше. auto-полето го бута вдясно; менюто/бургерът идват след него. */
.lang-sw{margin-right:18px;font-family:var(--mono);font-size:0.78125rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ice);font-weight:600;
  padding:10px 4px;transition:color .2s}
.lang-sw:hover{color:var(--ice)}
/* котвите на блоковете (същото място при смяна на езика): хедърът е sticky 64px */
main [id^="b"]{scroll-margin-top:84px}

/* ---------- "Последвай ни" под статията (11.08): CTA синьото, не оранжевото
   на риска - оранжево тук би значело "внимание" за тренирания читател ---------- */
.share.follow{margin:30px auto 6px}
.share.follow .sh-l{color:#41D98D}
.share.follow a{border-color:rgba(65,217,141,.55);color:#41D98D}
.share.follow a:hover{border-color:#41D98D;color:#071812;background:#41D98D;
  box-shadow:0 0 16px rgba(65,217,141,.35)}

/* v2.1 cache-refresh 11.08.2026 */

/* Оригинал: видимият отпечатък под статията (16.08.2026 - замени скрития текст) */
.orig{max-width:760px;margin:18px auto 6px;padding:0 28px;font-family:var(--mono);font-size:0.6875rem;color:var(--faint);letter-spacing:.04em;word-break:break-all}
.orig a{color:var(--faint);text-decoration:underline;text-underline-offset:3px}
.orig a:hover{color:var(--soft)}

/* ★ 01.10: дневникът на корекциите - списък, не стена от текст */
.article ul.corrlog{list-style:none;margin:6px 0 30px;padding:0}
.article ul.corrlog li{padding:16px 0;border-bottom:1px solid var(--line)}
.article ul.corrlog .cd{display:block;font-family:var(--mono);font-size:0.75rem;letter-spacing:.08em;color:var(--dim);margin-bottom:6px}
.article ul.corrlog .ct{display:block;font-weight:600;margin-bottom:6px}
.article ul.corrlog .ct a{color:var(--ice);border-bottom:1px solid var(--line2)}
.article ul.corrlog .ct a:hover,.article ul.corrlog .ct a:focus-visible{color:var(--accent);border-color:var(--accent)}
.article ul.corrlog p{margin:0}

/* ★ 01.10.2026 (одит, WEB_STANDARD DS-004/COL): режим „повече контраст" - вторичният текст
   и линиите стават по-ясни; принудителни цветове (Windows висок контраст) - избраният чип и
   картите не губят границите си. */
@media (prefers-contrast:more){
  :root{--dim:var(--soft);--faint:var(--soft);--line:#3a4a6b;--line2:#4a5d82}
}
@media (forced-colors:active){
  .chip.on{outline:2px solid CanvasText;outline-offset:2px}
  .card-in,.lab,.share a,.share .sh-copy,.cq{border:1px solid CanvasText}
  canvas{forced-color-adjust:none}
}
/* ★ 01.10.2026: натиснато състояние (досега го нямаше) - леко, само докато пръстът е долу */
a:active,button:active{opacity:.78}
/* ★ 01.10.2026: текущата страница в менюто */
.nav a[aria-current="page"],.nd>a[aria-current="page"]{color:var(--ice);box-shadow:inset 0 -2px 0 var(--accent)}
/* ★ 01.10.2026: печат - само статията, черно на бяло, без меню/футър/анимации/споделяне */
@media print{
  :root{--bg:#fff;--ice:#000;--soft:#111;--dim:#333;--faint:#444;--accent:#000;--line:#ccc;--line2:#bbb}
  body{background:#fff;color:#000;font-size:11pt}
  .site-head,.site-foot,.skip,.share,.backbar,.ai-note,canvas,.veil,.art-hero .veil,#csearch,.navt,.lang-sw{display:none!important}
  .art-hero{min-height:0;padding:0;border:0}
  .art-hero .inner,.article{padding:0;max-width:none}
  a{color:#000;border:0}
  .article p a::after{content:" (" attr(href) ")";font-size:9pt;color:#444}
  .article .fact,.article .brief,.lab,.corrbox,.riskbox{border:1px solid #999;background:#fff}
}
/* ★ 01.10: беше вграден style="" в concepts.html (пречи на CSP без unsafe-inline) */
.dek.dek-c{max-width:64ch;color:var(--soft)}

/* ★ 05.10.2026: предложение за другия език (ui.js) - плаващо долу, без сдвиг на съдържанието (CLS 0),
   без пренасочване (Google: не пренасочвай автоматично по език), без бисквитки и без памет. */
.lang-hint{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:6px 6px 6px 16px;background:var(--panel);border:1px solid var(--line2);border-radius:var(--r);box-shadow:0 10px 32px rgba(0,0,0,.5);font:500 14px/1.4 var(--sans);color:var(--soft)}
.lang-hint a{color:var(--accent);font-weight:700;text-decoration:none;white-space:nowrap}
.lang-hint a:hover,.lang-hint a:focus-visible{text-decoration:underline}
.lang-hint button{background:none;border:0;color:var(--soft);font:400 22px/1 var(--sans);min-width:44px;min-height:44px;cursor:pointer;border-radius:10px}
.lang-hint button:hover,.lang-hint button:focus-visible{background:var(--line)}
.lang-hint span{flex:1 1 auto;min-width:0}
@media (max-width:600px){.lang-hint{left:12px;right:12px;bottom:12px;transform:none;max-width:none;gap:10px;font-size:13px;padding-left:14px}}