/* Stiri Smart - stiluri. Inter + JetBrains Mono, minimal, aspect modern. */
:root {
  --ink-900:#0b0d10; --ink-800:#1a1d22; --ink-700:#2c3138; --ink-600:#4a5159;
  --ink-500:#6b7280; --ink-400:#9aa0a6; --ink-300:#c5c8cd; --ink-200:#e4e6e8;
  --ink-100:#f1f2f4; --ink-50:#f8f9fa;
  --accent:#1f5f4a; --accent-dark:#163f33;
  --maxw:1200px; --tight:720px;
  color-scheme: light;
}

*,*::before,*::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; scroll-behavior: smooth; }
body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: var(--ink-800); background:#fff; line-height: 1.55;
  font-feature-settings:'ss01','cv11';
  display:flex; flex-direction:column; min-height:100vh;
}
main { flex:1; }
img { display:block; max-width:100%; }
a { color: inherit; text-decoration: none; transition: color .15s ease; }
h1,h2,h3,h4 { color: var(--ink-900); letter-spacing:-0.015em; line-height:1.15; }
::selection { background: var(--accent); color:#fff; }

.container { width:100%; max-width:var(--maxw); margin:0 auto; padding:0 24px; }
.container-tight { width:100%; max-width:var(--tight); margin:0 auto; padding:0 24px; }
@media (max-width:640px){ .container,.container-tight{ padding:0 18px; } }

.eyebrow { font-family:'JetBrains Mono',ui-monospace,Menlo,monospace; font-size:11px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-500); }
.mono { font-family:'JetBrains Mono',ui-monospace,Menlo,monospace; }

/* ---------- UTILITY BAR ---------- */
.utility-bar { background:var(--ink-900); color:var(--ink-100); font-size:12.5px; }
.utility-inner { display:flex; align-items:center; justify-content:space-between; padding:8px 24px; gap:16px; }
.utility-by a { color:#fff; font-weight:600; border-bottom:1px solid rgba(43,212,155,.6); transition:border-color .15s ease; }
.utility-by a:hover { border-color:#2bd49b; }
.utility-meta { display:flex; align-items:center; gap:10px; color:var(--ink-400); font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.04em; white-space:nowrap; }
.utility-sep { opacity:.5; }
@media (max-width:760px){ .utility-meta .utility-rhythm,.utility-meta .utility-sep{ display:none; } }
@media (max-width:520px){ .utility-inner{ font-size:11.5px; } }

/* ---------- HEADER ---------- */
.site-header { position:sticky; top:0; z-index:40; background:rgba(255,255,255,.92); backdrop-filter:saturate(180%) blur(8px); border-bottom:1px solid var(--ink-200); }
.header-top { display:flex; align-items:center; justify-content:space-between; padding:16px 0; }
.logo { display:inline-flex; align-items:center; gap:10px; font-size:22px; font-weight:500; letter-spacing:-0.015em; color:var(--ink-900); }
.logo-word { font-weight:600; }
.logo-dot { color:var(--accent); }
.header-meta { display:flex; align-items:center; gap:18px; }
.header-cta { display:inline-flex; align-items:center; gap:5px; font-size:13px; font-weight:600; white-space:nowrap; color:#fff; background:var(--accent); padding:8px 14px; border-radius:6px; transition:background .15s ease; }
.header-cta:hover { background:var(--accent-dark); }
.header-link { font-size:14px; color:var(--ink-700); }
.header-link:hover { color:var(--accent); }
.site-nav { display:flex; gap:24px; overflow-x:auto; padding:12px 0; border-top:1px solid var(--ink-200); white-space:nowrap; }
.site-nav::-webkit-scrollbar { height:0; }
.nav-link { font-size:13px; letter-spacing:-0.015em; color:var(--ink-600); }
.nav-link:hover { color:var(--ink-900); }
.nav-link.is-active { color:var(--ink-900); font-weight:600; }
@media (max-width:680px){
  .header-meta { gap:12px; }
  .header-link { display:none; } /* Despre/RSS raman in meniu si subsol */
  .logo { font-size:19px; gap:8px; }
  .logo-mark { width:24px; height:24px; }
  .header-cta span[aria-hidden] { display:none; }
}
@media (max-width:380px){
  .header-cta { font-size:12px; padding:7px 10px; }
}
/* bara utilitara: pe mobil aratam doar atribuirea, fara data/ritm */
@media (max-width:560px){ .utility-meta { display:none; } }

/* ---------- LOGO MARK (radar pulsand) ---------- */
.logo-mark { width:30px; height:30px; flex:none; display:inline-block; }
.logo-mark svg { width:100%; height:100%; overflow:visible; }
.lm-base { fill:none; stroke:var(--accent); stroke-width:1.6; opacity:.28; }
.lm-core { fill:var(--accent); transform-box:fill-box; transform-origin:center; animation:lm-core 2.2s ease-in-out infinite; }
.lm-ping { fill:none; stroke:var(--accent); stroke-width:2; transform-box:fill-box; transform-origin:center; opacity:0; animation:lm-ping 2.2s ease-out infinite; }
.lm-p2 { animation-delay:1.1s; }
@keyframes lm-ping { 0%{ transform:scale(.42); opacity:.7; } 80%{ opacity:0; } 100%{ transform:scale(1.5); opacity:0; } }
@keyframes lm-core { 0%,100%{ transform:scale(.8); } 50%{ transform:scale(1.15); } }
@media (prefers-reduced-motion: reduce){ .lm-core,.lm-ping{ animation:none; } .lm-ping{ opacity:.4; transform:scale(1); } }

/* ---------- BADGE ---------- */
.badge { display:inline-flex; align-items:center; gap:6px; font-family:'JetBrains Mono',monospace; font-size:10.5px; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; padding:4px 9px; border-radius:4px; }
.badge-dot { width:6px; height:6px; border-radius:50%; display:block; background:rgba(255,255,255,.85); }
.badge-row { display:flex; flex-wrap:wrap; gap:10px; }

/* ---------- EDITION BAR ---------- */
.edition-bar { display:flex; align-items:center; justify-content:space-between; padding:20px 24px; }

/* ---------- TICKER / banda crawl cu ultimele stiri ---------- */
.ticker { border-bottom:1px solid var(--ink-200); background:var(--ink-50); }
.ticker-row { display:flex; align-items:center; gap:14px; }
.ticker-label { flex:none; font-family:'JetBrains Mono',monospace; font-size:10.5px; text-transform:uppercase; letter-spacing:0.08em; color:#fff; background:var(--accent); padding:5px 10px; border-radius:3px; }
.ticker-viewport { flex:1; min-width:0; overflow:hidden; padding:11px 0; -webkit-mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent); mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent); }
.ticker-track { display:flex; gap:36px; width:max-content; padding-left:36px; animation:tickerCrawl 60s linear infinite; }
.ticker-viewport:hover .ticker-track { animation-play-state:paused; }
.ticker-item { font-size:13.5px; color:var(--ink-700); display:inline-flex; align-items:center; gap:8px; white-space:nowrap; flex:none; }
.ticker-item:hover { color:var(--accent); }
.ticker-dot { width:6px; height:6px; border-radius:50%; flex:none; }
.ticker-when { font-family:'JetBrains Mono',monospace; font-size:10.5px; text-transform:uppercase; letter-spacing:0.06em; color:var(--ink-400); }
@keyframes tickerCrawl { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce){ .ticker-track { animation:none; } .ticker-viewport { overflow-x:auto; } }
.a11y-nomotion .ticker-track { animation:none !important; }
.section-pad-top { padding-top:36px; }

/* ---------- NOU tag ---------- */
.nou { font-family:'JetBrains Mono',monospace; font-size:9.5px; text-transform:uppercase; letter-spacing:0.08em; color:var(--accent); border:1px solid var(--accent); border-radius:3px; padding:1px 5px; line-height:1.4; }

/* ---------- COVER generat (fara imagine) ---------- */
.card-img-wrap, .card-compact-img { position:relative; }
.cover-gen { display:block; position:relative; width:100%; aspect-ratio:16/10; background:var(--c); overflow:hidden; }
.card-compact-img .cover-gen { aspect-ratio:auto; height:100%; }
.cover-svg { position:absolute; inset:0; width:100%; height:100%; }
.cover-label { position:absolute; left:16px; bottom:14px; color:#fff; font-family:'JetBrains Mono',monospace; font-size:11px; text-transform:uppercase; letter-spacing:0.1em; opacity:.92; }
.card-compact-img .cover-label { left:8px; bottom:6px; font-size:9px; }

/* ---------- SECTIONS ---------- */
.section-pad { padding:40px 24px; }
.section-head { margin-bottom:32px; }
.section-title { font-size:26px; font-weight:300; letter-spacing:-0.015em; color:var(--ink-900); margin-top:4px; }
.section-title-sm { font-size:20px; font-weight:500; color:var(--ink-900); }

.grid { display:grid; gap:40px 32px; }
.grid-3 { grid-template-columns:repeat(3,1fr); }
.grid-2 { grid-template-columns:repeat(2,1fr); }
@media (max-width:900px){ .grid-3{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .grid-3,.grid-2{ grid-template-columns:1fr; } }

/* ---------- CARD ---------- */
.card-meta { display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.card-img-wrap { display:block; overflow:hidden; background:var(--ink-100); margin-bottom:16px; border-radius:14px; }
.card-img-wrap img { aspect-ratio:16/10; width:100%; object-fit:cover; transition:transform .5s ease; }
.card:hover .card-img-wrap img { transform:scale(1.03); }
.card-title { font-size:20px; font-weight:700; letter-spacing:-0.015em; line-height:1.3; }
.card-title a:hover,.card-featured-title a:hover,.card-compact-title a:hover { color:var(--accent); }
.card-desc { margin-top:8px; font-size:14px; color:var(--ink-600); line-height:1.55;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* featured */
.card-featured { display:grid; grid-template-columns:7fr 5fr; gap:40px; align-items:center; border-bottom:1px solid var(--ink-200); padding-bottom:40px; }
.card-featured .card-img-wrap { margin-bottom:0; }
.card-featured .card-img-wrap img { aspect-ratio:16/10; }
.card-featured-title { font-size:34px; font-weight:700; letter-spacing:-0.02em; line-height:1.12; }
.card-featured-title a { color:var(--ink-900); }
.card-author { margin-top:16px; font-size:12px; color:var(--ink-500); }
@media (max-width:780px){ .card-featured{ grid-template-columns:1fr; gap:20px; } .card-featured-title{ font-size:27px; } }

/* compact */
.card-compact { display:flex; gap:16px; padding:16px 0; border-bottom:1px solid var(--ink-200); align-items:flex-start; }
.card-compact:last-child { border-bottom:0; }
.card-compact-body { flex:1; min-width:0; }
.card-compact-title { font-size:16px; font-weight:700; letter-spacing:-0.015em; line-height:1.35; }
.card-compact-img { flex:none; width:112px; height:80px; overflow:hidden; background:var(--ink-100); border-radius:10px; }
.card-compact-img img { width:100%; height:100%; object-fit:cover; }

/* ---------- VERTICALS ---------- */
.verticals { gap:40px; }
.vertical { border-top:1px solid var(--ink-200); padding-top:24px; }
.vertical-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.vertical-head-left { display:flex; align-items:center; gap:12px; }
.vertical-title { font-size:18px; font-weight:700; color:var(--ink-900); }
.vertical-desc { font-size:14px; color:var(--ink-600); margin-bottom:12px; max-width:52ch; }
.link-more { font-size:12px; color:var(--ink-600); }
.link-more:hover { color:var(--accent); }

/* ---------- CTA ---------- */
.cta { background:var(--ink-900); color:#fff; margin-top:64px; }
.cta-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center; padding:64px 24px; }
.cta-eyebrow { color:var(--ink-400); margin-bottom:12px; }
.cta-title { font-size:28px; font-weight:300; letter-spacing:-0.015em; line-height:1.2; color:#fff; }
.cta-form { display:flex; gap:12px; }
.cta-input { flex:1; background:transparent; border:1px solid var(--ink-700); color:#fff; padding:13px 16px; font-size:14px; font-family:inherit; }
.cta-input::placeholder { color:var(--ink-500); }
.cta-input:focus { outline:none; border-color:#fff; }
.cta-btn { background:#fff; color:var(--ink-900); border:0; padding:13px 20px; font-size:14px; font-weight:500; font-family:inherit; cursor:pointer; }
.cta-btn:hover { background:var(--ink-100); }
@media (max-width:780px){ .cta-grid{ grid-template-columns:1fr; } .cta-form{ flex-direction:column; } }

/* ---------- ARTICLE ---------- */
/* REGULA: tot continutul articolului sta intr-un SINGUR cadru centrat (.article-wrap).
   Copiii sunt block, fara max-width propriu si fara margin auto, deci au TOTI aceeasi
   muchie stanga ca poza. Nu pune .container + max-width mai mic pe un copil (se centreaza
   si rezulta aliniere in scara). */
.article-wrap { max-width:780px; }
.article-head { padding:40px 0 28px; }
.article-title { font-size:42px; font-weight:700; letter-spacing:-0.025em; line-height:1.1; color:var(--ink-900); margin-top:8px; }
.article-lead { margin-top:20px; font-size:19px; color:var(--ink-600); line-height:1.5; }
.article-author { margin-top:24px; font-family:'JetBrains Mono',monospace; font-size:12px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-500); }
.article-figure { margin:0 0 40px; }
.article-figure img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:14px; }
.article-figure figcaption { margin-top:8px; }
@media (max-width:640px){ .article-title{ font-size:30px; } }

.article-body { font-size:17px; line-height:1.7; color:var(--ink-800); padding-bottom:48px; }
.article-body > * + * { margin-top:1.1em; }
.article-body p { max-width:68ch; }
.article-body h2 { font-size:24px; font-weight:500; margin-top:48px; margin-bottom:8px; max-width:68ch; }
.article-body h3 { font-size:20px; font-weight:500; margin-top:32px; max-width:68ch; }
.article-body a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(31,95,74,.4); }
.article-body a:hover { text-decoration-color:var(--accent); }
.article-body ul,.article-body ol { padding-left:22px; max-width:68ch; }
.article-body ul { list-style:disc; }
.article-body ol { list-style:decimal; }
.article-body li + li { margin-top:.4em; }
.article-body blockquote { border-left:2px solid var(--accent); padding-left:20px; font-style:italic; color:var(--ink-700); max-width:68ch; }
.article-body code { font-family:'JetBrains Mono',monospace; font-size:.92em; background:var(--ink-100); padding:2px 5px; border-radius:3px; }
.article-body strong { color:var(--ink-900); font-weight:600; }

/* ---------- SUMMARY BOX (de retinut) ---------- */
.summary { display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center; margin:8px 0 28px; padding:24px 28px; background:var(--ink-50); border-left:3px solid var(--c); border-radius:8px; }
.summary-h { color:var(--c); margin-bottom:12px; }
.summary-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.summary-list li { position:relative; padding-left:20px; font-size:15.5px; line-height:1.5; color:var(--ink-800); }
.summary-list li::before { content:""; position:absolute; left:0; top:9px; width:7px; height:7px; border-radius:50%; background:var(--c); }
.summary-stat { text-align:center; padding-left:28px; border-left:1px solid var(--ink-200); min-width:140px; }
.summary-num { display:block; font-size:44px; font-weight:300; letter-spacing:-0.02em; color:var(--c); line-height:1; }
.summary-num-text { display:block; margin-top:8px; font-size:12.5px; color:var(--ink-600); line-height:1.4; max-width:160px; margin-inline:auto; }
@media (max-width:640px){ .summary{ grid-template-columns:1fr; gap:20px; } .summary-stat{ padding-left:0; border-left:0; border-top:1px solid var(--ink-200); padding-top:18px; text-align:left; } .summary-num-text{ margin-inline:0; } }

.article-foot { padding-bottom:8px; }
.article-source { font-size:14px; color:var(--ink-600); margin-bottom:16px; }
.article-source a { color:var(--accent); }
.tags { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; }
.tag { display:inline-block; font-family:'JetBrains Mono',monospace; font-size:11px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-500); border:1px solid var(--ink-200); border-radius:3px; padding:4px 8px; transition:all .14s ease; }
.tag:hover { color:#fff; background:var(--accent); border-color:var(--accent); }

.related { border-top:1px solid var(--ink-200); padding-top:40px; padding-bottom:16px; }
.related-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }

/* ---------- CATEGORY ---------- */
.cat-hero { border-bottom:1px solid var(--ink-200); padding:56px 0; }
.cat-hero .eyebrow { display:block; margin-bottom:10px; }
.cat-title { font-size:48px; font-weight:700; letter-spacing:-0.025em; color:var(--ink-900); }
.other-cats { border-top:1px solid var(--ink-200); padding-top:40px; padding-bottom:64px; }
.other-cats .eyebrow { margin-bottom:16px; display:block; }
.empty { color:var(--ink-600); }
@media (max-width:640px){ .cat-title{ font-size:34px; } .cat-hero{ padding:40px 0; } }

/* ---------- DESPRE / 404 ---------- */
.despre-title { font-size:36px; font-weight:300; letter-spacing:-0.015em; color:var(--ink-900); margin-top:16px; }
.despre-body { padding-bottom:0; }
.despre-cats { list-style:none; padding:0; margin:24px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.despre-cat { border:1px solid var(--ink-200); border-radius:4px; padding:16px; }
.despre-cat p { font-size:14px; color:var(--ink-700); margin-top:8px; }
@media (max-width:640px){ .despre-cats{ grid-template-columns:1fr; } .despre-title{ font-size:28px; } }
.notfound { padding:96px 24px; text-align:center; }
.notfound .link-more { display:inline-block; margin-top:24px; color:var(--accent); font-size:15px; }

/* ---------- TRUST ---------- */
.trust { margin-top:64px; background:var(--ink-900); color:#fff; }
.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; padding:36px 24px; }
.trust-item { display:flex; flex-direction:column; gap:6px; }
.trust-k { font-family:'JetBrains Mono',monospace; font-size:10.5px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-400); }
.trust-v { font-size:15px; color:var(--ink-100); line-height:1.45; }
@media (max-width:780px){ .trust-grid{ grid-template-columns:1fr; gap:20px; } .trust{ margin-top:48px; } }

/* ---------- FOOTER ---------- */
.site-footer { margin-top:0; border-top:1px solid var(--ink-200); background:var(--ink-50); }
.footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; padding:48px 24px 0; }
.footer-about { margin-top:12px; font-size:14px; color:var(--ink-600); max-width:38ch; }
.footer-by { margin-top:12px; font-size:13px; color:var(--ink-500); max-width:38ch; }
.footer-by a { color:var(--ink-700); font-weight:600; border-bottom:1px solid var(--ink-300); }
.footer-by a:hover { color:var(--accent); border-color:var(--accent); }
.footer-h { margin-bottom:12px; }
.footer-list { list-style:none; padding:0; font-size:14px; display:flex; flex-direction:column; gap:6px; }
.footer-list a:hover { color:var(--accent); }
.footer-cats { display:grid; grid-template-columns:1fr 1fr; gap:6px 16px; }
.footer-bottom { display:flex; justify-content:space-between; padding:24px; margin-top:40px; border-top:1px solid var(--ink-200); font-size:12px; color:var(--ink-500); }
@media (max-width:780px){ .footer-grid{ grid-template-columns:1fr; gap:28px; } .footer-bottom{ flex-direction:column; gap:8px; } }

/* ---------- BANNERE (harta + retea ARSC) ---------- */
.banner { display:flex; align-items:center; gap:28px; border-radius:16px; padding:32px 36px; position:relative; overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; }
.banner:hover { transform:translateY(-2px); box-shadow:0 14px 40px rgba(11,13,16,.16); }
.banner-eyebrow { color:inherit; opacity:.75; margin-bottom:8px; }
.banner-title { font-size:24px; font-weight:700; letter-spacing:-0.02em; line-height:1.18; color:#fff; }
.banner-sub { margin-top:10px; font-size:14.5px; line-height:1.5; color:rgba(255,255,255,.8); max-width:62ch; }
.banner-cta { flex:none; display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:600; color:var(--ink-900); background:#fff; padding:12px 20px; border-radius:8px; white-space:nowrap; }
.banner-cta-light { background:#2bd49b; color:#06231a; }

/* harta - verde brand cu radar */
.banner-map { background:linear-gradient(120deg,#163f33,#1f5f4a 60%,#22735a); color:#fff; }
.banner-map .banner-eyebrow { color:#9fe9cf; opacity:1; }
.banner-map-radar { flex:none; width:96px; height:96px; }
.banner-map-text { flex:1; min-width:0; }

/* retea ARSC - inchis */
.article-band { margin-top:24px; }
.banner-net { background:linear-gradient(120deg,#0b0d10,#1a1d22); color:#fff; }
.banner-net .banner-eyebrow { color:#2bd49b; opacity:1; }
.banner-net-text { flex:1; min-width:0; }

@media (max-width:680px){
  .banner { flex-direction:column; align-items:flex-start; gap:16px; padding:24px 20px; border-radius:14px; }
  .banner-map-radar { position:absolute; top:-30px; right:-30px; width:140px; height:140px; opacity:.35; }
  .banner-title { font-size:20px; }
  .banner-sub { font-size:13.5px; }
  .banner-cta { width:100%; justify-content:center; padding:13px 20px; }
  .banner-map-text, .banner-net-text { position:relative; z-index:1; }
}
@media (max-width:400px){ .banner-title { font-size:18px; } .banner { padding:22px 18px; } }

/* honeypot Sendy (ascuns vizual, dar nu display:none ca sa nu fie ignorat) */
.cta-hp { position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden; }
.cta-count { color:#2bd49b; }

/* ---------- BANDA DERULANTA (stiri jos in articol) ---------- */
.related-marquee { border-top:1px solid var(--ink-200); margin-top:48px; padding:36px 0 56px; overflow:hidden; }
.related-marquee .related-head { margin-bottom:22px; }
.marquee { overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); }
.marquee-track { display:flex; gap:22px; width:max-content; padding:0 24px; animation:marquee 50s linear infinite; }
.marquee:hover .marquee-track { animation-play-state:paused; }
.marquee.mq-static .marquee-track { animation:none; }
@keyframes marquee { from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.mq-card { flex:none; width:266px; display:flex; flex-direction:column; gap:10px; }
.mq-img { display:block; aspect-ratio:16/10; border-radius:12px; overflow:hidden; background:var(--ink-100); }
.mq-img img, .mq-img .cover-gen { width:100%; height:100%; object-fit:cover; }
.mq-cat { display:flex; }
.mq-title { font-size:15px; font-weight:700; letter-spacing:-0.01em; line-height:1.32; color:var(--ink-900);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.mq-card:hover .mq-title { color:var(--accent); }
@media (prefers-reduced-motion: reduce){ .marquee-track{ animation:none; } .marquee{ overflow-x:auto; } }

/* splash hero pe pagina de articol (cand nu avem imagine reala / sursa video) */
.article-figure-splash .cover-gen { aspect-ratio:16/9; }
.article-figure-splash .cover-label { left:24px; bottom:20px; font-size:13px; letter-spacing:0.12em; }
@media (max-width:640px){ .article-figure-splash .cover-label { left:16px; bottom:14px; font-size:11px; } }

/* ============================================================ POLISH ============ */

/* zoom controlat din widgetul de accesibilitate */
html { zoom: var(--a11y-zoom, 1); }

/* skip link */
.skip-link { position:absolute; left:-9999px; top:0; z-index:200; background:var(--ink-900); color:#fff; padding:10px 16px; border-radius:0 0 6px 0; font-size:14px; }
.skip-link:focus { left:0; }

/* focus vizibil consistent pe tot site-ul */
a:focus-visible, button:focus-visible, input:focus-visible, [tabindex]:focus-visible {
  outline:2px solid var(--accent); outline-offset:2px; border-radius:3px;
}

/* breadcrumb articol */
.breadcrumb { font-size:13px; color:var(--ink-500); margin-bottom:18px; }
.breadcrumb a { color:var(--ink-600); }
.breadcrumb a:hover { color:var(--accent); }

/* byline + share */
.article-byline { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:14px; }
.article-author { margin:0; }
.share { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.share-label { color:var(--ink-400); margin-right:2px; }
.share-btn { flex:none; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; min-width:34px; border-radius:8px; border:1px solid var(--ink-200); background:#fff; color:var(--ink-700); cursor:pointer; transition:all .15s ease; padding:0; overflow:hidden; }
.share-btn svg { width:17px; height:17px; flex:none; display:block; fill:currentColor; }
.share-copy svg { fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.share-btn:hover { color:#fff; transform:translateY(-1px); }
.share-wa:hover { background:#25d366; border-color:#25d366; }
.share-li:hover { background:#0a66c2; border-color:#0a66c2; }
.share-fb:hover { background:#1877f2; border-color:#1877f2; }
.share-copy:hover { background:var(--accent); border-color:var(--accent); }
.share-copy.copied { background:var(--accent); border-color:var(--accent); color:#fff; }
.share-copy.copied::after { content:"Copiat"; position:absolute; transform:translateY(-26px); font-size:11px; background:var(--ink-900); color:#fff; padding:2px 7px; border-radius:4px; white-space:nowrap; }

/* bara de progres la citire */
.read-progress { position:fixed; top:0; left:0; right:0; height:3px; background:var(--accent); transform:scaleX(0); transform-origin:0 50%; z-index:60; transition:transform .08s linear; }

/* back to top */
.to-top { position:fixed; right:18px; bottom:18px; z-index:55; width:44px; height:44px; border-radius:50%; border:0; background:var(--ink-900); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 20px rgba(0,0,0,.18); transition:background .15s ease, transform .15s ease; }
.to-top svg { width:22px; height:22px; fill:currentColor; }
.to-top:hover { background:var(--accent); transform:translateY(-2px); }
.to-top[hidden] { display:none; }

/* widget accesibilitate */
.a11y { position:fixed; left:18px; bottom:18px; z-index:70; }
.a11y-toggle { width:48px; height:48px; border-radius:50%; border:0; background:var(--accent); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 20px rgba(0,0,0,.2); transition:transform .15s ease, background .15s ease; }
.a11y-toggle:hover { background:var(--accent-dark); transform:translateY(-2px); }
.a11y-toggle svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.a11y-panel { position:absolute; left:0; bottom:58px; width:260px; background:#fff; border:1px solid var(--ink-200); border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,.16); padding:16px; }
.a11y-panel[hidden] { display:none; }
.a11y-title { font-size:13px; font-weight:600; color:var(--ink-900); margin-bottom:12px; }
.a11y-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; font-size:14px; color:var(--ink-700); }
.a11y-steps { display:flex; gap:4px; }
.a11y-steps button { width:34px; height:30px; border:1px solid var(--ink-200); background:var(--ink-50); border-radius:6px; cursor:pointer; font-family:inherit; color:var(--ink-800); }
.a11y-steps button:hover { border-color:var(--accent); color:var(--accent); }
.a11y-opt { display:block; width:100%; text-align:left; padding:9px 12px; margin-bottom:6px; border:1px solid var(--ink-200); background:#fff; border-radius:8px; cursor:pointer; font-family:inherit; font-size:14px; color:var(--ink-700); transition:all .12s ease; }
.a11y-opt:hover { border-color:var(--accent); }
.a11y-opt.is-on { background:var(--accent); border-color:var(--accent); color:#fff; }
.a11y-reset { display:block; width:100%; margin-top:6px; padding:8px; border:0; background:none; color:var(--ink-500); font-family:inherit; font-size:13px; cursor:pointer; text-decoration:underline; }
.a11y-reset:hover { color:var(--ink-800); }

/* clase activate de widget */
.a11y-readable, .a11y-readable .article-body, .a11y-readable p, .a11y-readable li { line-height:1.85 !important; letter-spacing:.01em; word-spacing:.06em; }
.a11y-readable .article-body { font-size:18px; }
.a11y-links a:not(.badge):not(.btn):not(.header-cta):not(.banner):not(.logo) { text-decoration:underline !important; text-underline-offset:2px; }
.a11y-contrast { --ink-800:#000; --ink-700:#0a0a0a; --ink-600:#161616; --ink-500:#262626; --ink-400:#333; --ink-200:#7a7a7a; --accent:#0a4a38; }
.a11y-contrast body { background:#fff; }
.a11y-contrast .card-desc, .a11y-contrast .article-lead, .a11y-contrast .eyebrow { color:#161616 !important; }
.a11y-contrast a { text-decoration:underline; }
.a11y-nomotion *, .a11y-nomotion *::before, .a11y-nomotion *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
.a11y-nomotion .marquee-track { animation:none !important; }

@media (max-width:640px){
  .a11y-panel { width:min(260px, calc(100vw - 36px)); }
  .article-byline { flex-direction:column; align-items:flex-start; gap:12px; }
}

/* ---------- PAGINARE ---------- */
.pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px; padding:8px 24px 56px; }
.page-link { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px; font-size:14px; font-weight:600; color:var(--ink-700); background:#fff; border:1px solid var(--ink-200); border-radius:8px; transition:border-color .15s ease, color .15s ease, background .15s ease; }
.page-link:hover { border-color:var(--accent); color:var(--accent); }
.page-link.is-current { background:var(--accent); border-color:var(--accent); color:#fff; }
.page-link.is-disabled { color:var(--ink-300); background:var(--ink-50); cursor:default; }
.page-gap { padding:0 4px; color:var(--ink-400); }

/* "Citeste si" - inrudite dupa etichete */
.related-tags { margin-top:28px; padding-top:20px; border-top:1px solid var(--ink-200); }
.related-tags .eyebrow { display:block; margin-bottom:8px; }
.related-tags-list { display:flex; flex-direction:column; }

/* ---------- LIGHTBOX (poze marite din articol) ---------- */
html.lb-open { overflow:hidden; }
.lightbox { position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(8,10,13,.93); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); }
.lightbox[hidden] { display:none; }
.lb-figure { margin:0; max-width:min(96vw, 1400px); max-height:92vh; display:flex; flex-direction:column; align-items:center; gap:12px; }
.lb-img { max-width:100%; max-height:84vh; object-fit:contain; border-radius:8px; box-shadow:0 24px 70px rgba(0,0,0,.55); background:#15181c; }
.lb-caption { color:#c5c8cd; font-size:13px; line-height:1.5; text-align:center; max-width:80ch; }
.lb-btn { position:absolute; background:rgba(255,255,255,.12); color:#fff; border:0; cursor:pointer; display:flex; align-items:center; justify-content:center; line-height:1; transition:background .15s ease; }
.lb-btn:hover { background:rgba(255,255,255,.24); }
.lb-btn:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.lb-close { top:16px; right:16px; width:44px; height:44px; border-radius:50%; font-size:26px; }
.lb-prev, .lb-next { top:50%; transform:translateY(-50%); width:52px; height:52px; border-radius:50%; font-size:32px; }
.lb-prev { left:16px; }
.lb-next { right:16px; }
@media (max-width:560px){ .lightbox { padding:12px; } .lb-prev,.lb-next { width:42px; height:42px; font-size:26px; } .lb-close { width:40px; height:40px; } }

/* galerie foto in articol (mai multe ![](...) consecutive) */
.article-gallery { display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; margin:28px 0; }
.gal-item { display:block; overflow:hidden; border-radius:12px; background:var(--ink-100); aspect-ratio:3/2; }
.gal-item img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.gal-item:hover img { transform:scale(1.04); }
.article-figure-inline { margin:24px 0; }
@media (max-width:560px){ .article-gallery { grid-template-columns:1fr; } }

/* byline: autorul linkat catre pagina editoriala */
.article-author a { color:var(--ink-600); border-bottom:1px solid var(--ink-300); transition:color .15s ease, border-color .15s ease; }
.article-author a:hover { color:var(--accent); border-color:var(--accent); }

/* ---------- CAUTARE ---------- */
.header-search { display:inline-flex; align-items:center; justify-content:center; color:var(--ink-700); transition:color .15s ease; }
.header-search:hover { color:var(--accent); }
.search-form { position:relative; display:flex; align-items:center; max-width:640px; }
.search-ic { position:absolute; left:18px; color:var(--ink-400); pointer-events:none; }
.search-input { width:100%; font-family:inherit; font-size:17px; color:var(--ink-900); background:#fff; border:1px solid var(--ink-300); border-radius:12px; padding:16px 18px 16px 50px; transition:border-color .15s ease, box-shadow .15s ease; }
.search-input::placeholder { color:var(--ink-400); }
.search-input:focus { outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(31,95,74,.12); }
.search-status { margin:18px 0 24px; font-size:14px; color:var(--ink-500); }
#searchResults:empty { min-height:0; }

/* ---------- ARHIVA ---------- */
.arhiva-wrap { display:flex; flex-direction:column; gap:36px; }
.arhiva-an { }
.arhiva-an .section-title-sm { margin-bottom:16px; padding-bottom:10px; border-bottom:1px solid var(--ink-200); }
.arhiva-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:12px; }
.arhiva-luna { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; background:var(--ink-50); border:1px solid var(--ink-200); border-radius:10px; transition:border-color .15s ease, background .15s ease; }
.arhiva-luna:hover { border-color:var(--accent); background:#fff; }
.arhiva-luna-nume { font-weight:600; color:var(--ink-900); text-transform:capitalize; }
.arhiva-luna-nr { font-family:'JetBrains Mono',monospace; font-size:12px; color:#fff; background:var(--accent); padding:2px 8px; border-radius:20px; }

/* ---------- TEMA INTUNECATA (toggle din widget-ul de accesibilitate) ---------- */
/* Inversam scala --ink-* (text deschis pe fundal inchis). Sectiunile deja inchise
   (utility bar, CTA, trust, to-top) si suprafetele albe primesc override-uri tintite. */
.a11y-dark {
  --ink-900:#f3f5f7; --ink-800:#e2e5e8; --ink-700:#c3c8ce; --ink-600:#9aa1a9;
  --ink-500:#7f868e; --ink-400:#5f666e; --ink-300:#414851; --ink-200:#2b3138;
  --ink-100:#1d2228; --ink-50:#171b20;
  --accent:#2fd49b; --accent-dark:#26b083;
  color-scheme: dark;
}
.a11y-dark body { background:#0e1116; }
.a11y-dark .site-header { background:rgba(14,17,22,.9); }
/* suprafete care erau #fff -> suprafata inchisa */
.a11y-dark .search-input,
.a11y-dark .page-link,
.a11y-dark .a11y-panel,
.a11y-dark .a11y-opt,
.a11y-dark .share-btn { background:var(--ink-100); }
.a11y-dark .arhiva-luna:hover { background:var(--ink-200); }
/* butoane deschise pe fundal inchis (raman deschise) */
.a11y-dark .cta-btn, .a11y-dark .banner-cta { background:var(--ink-900); color:var(--ink-50); }
/* sectiuni intentionat inchise: le tinem inchise (altfel ar deveni deschise cu text deschis) */
.a11y-dark .utility-bar { background:#05070a; color:#c3c8ce; }
.a11y-dark .cta, .a11y-dark .trust { background:#10141a; }
.a11y-dark .skip-link, .a11y-dark .to-top, .a11y-dark .share-copy.copied::after { background:#10141a; color:#fff; }