@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Playfair+Display:wght@700;800;900&display=swap');
/* ==========================================================================
   telegraphfa.com — «تلگراف فارسی» design layer  (namespace re-skin over eu-)
   Identity: classic broadsheet — navy ink on cream paper, Naskh SERIF,
   hairline rules, restrained. Completely distinct from CNN + the other 14.
   Loaded AFTER euronews.css → redefines tokens + serif type + rules.
   ========================================================================== */
:root, html:not([data-theme=dark]), html[data-theme=dark]{
  --eu-navy:#12233b; --eu-navy-2:#1d3350;
  --eu-blue:#294e78; --eu-blue-d:#12233b; --eu-blue-l:#eae3d2;
  --eu-yellow:#a9803f; --eu-red:#8a2b2b; --eu-green:#3d6b4f;
  --brand:#12233b; --brand-dark:#0c1929; --brand-2:#294e78;
  --ink:#14263d; --text:#2c3646; --muted:#6b6353; --faint:#9a927e;
  --bg:#f8f5ec; --bg-2:#f1ece0; --bg-3:#e7e0cf; --card:#fbf9f1;
  --border:#ddd4bf; --border-2:#e6ddc9; --radius:0; --radius-sm:0; --shadow:none;
  --font-fa:'Noto Naskh Arabic','Vazirmatn',serif;
  --font-lat:'Playfair Display',Georgia,'Times New Roman',serif;
}
/* serif everywhere — the broadsheet signature */
body{font-family:'Noto Naskh Arabic','Vazirmatn',serif;font-size:16px;background:var(--bg-2);color:var(--text)}
h1,h2,h3,h4,.eu-lockup b,.eu-nav a,.eu-lead-body h1,.eu-card h3,.eu-fi h3,.eu-sec-h h2,.eu-hs-t h3,.eu-num span{
  font-family:'Noto Naskh Arabic','Vazirmatn',serif !important}
::selection{background:#12233b;color:#f8f5ec}
.site-main,.site-main>.container{background:var(--bg)}

/* ---- utility bar: cream, small serif, gold hairline ---- */
.eu-util{background:var(--bg);color:#6b6353;border-bottom:1px solid var(--border);font-size:12.5px}
.eu-util b,.eu-clock{color:#12233b}
.eu-lang a{color:#6b6353;border-radius:0;font-weight:600}
.eu-lang a.on{color:#f8f5ec;background:#12233b}
.eu-lang a.on:hover{color:#f8f5ec}

/* ---- masthead: cream paper, centred serif wordmark, double rule ---- */
.eu-mast{background:var(--bg);border-top:3px double #12233b;border-bottom:3px double #12233b}
.eu-mast-in{height:118px;gap:16px}
.eu-logo img{display:none}
.eu-logo{gap:0;order:2;flex:1;justify-content:center}
.eu-lockup{border-inline-start:0;padding-inline-start:0;align-items:center;text-align:center}
.eu-lockup b{font-family:'Noto Naskh Arabic',serif !important;font-size:40px;font-weight:700;color:#12233b;letter-spacing:0;line-height:1.1}
.eu-lockup i{font-style:italic;font-size:13px;font-weight:500;color:#8a7a5a;margin-top:7px;letter-spacing:2px;text-transform:uppercase;font-family:'Playfair Display',serif}
.eu-mast-mid{order:1;flex:none}
.eu-mast-r{order:3;flex:none}

/* search + icons: outlined navy, sharp */
.eu-search{border:1px solid #12233b;background:var(--card);width:min(300px,100%)}
.eu-search input{font-size:13.5px}
.eu-search button{background:#12233b;color:#f8f5ec;font-weight:600}
.eu-btn-live{background:#8a2b2b;color:#fff;border-radius:0;font-family:'Playfair Display',serif}
.eu-icon-btn{border-radius:0;border:1px solid #12233b;color:#12233b;background:transparent}
.eu-icon-btn:hover{background:#12233b;color:#f8f5ec}

/* ---- primary nav: cream bar, navy serif links, thin rules, centred ---- */
.eu-nav{background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}
.eu-nav-in{justify-content:center;gap:0}
.eu-nav a{color:#12233b;font-weight:600;font-size:15.5px;height:46px;padding:0 18px;border-bottom:3px solid transparent;
  border-inline-start:1px solid var(--border)}
.eu-nav a:first-child{border-inline-start:0}
.eu-nav a:hover{background:var(--bg-3);color:#12233b}
.eu-nav a.on{color:#8a2b2b;border-bottom-color:#8a2b2b;background:transparent}
.eu-nav .eu-nav-sep{background:var(--border)}

/* ---- breaking ticker: navy label, serif ---- */
.eu-tick{background:var(--card);border-bottom:1px solid var(--border)}
.eu-tick-lbl{background:#12233b;color:#f8f5ec;font-family:'Playfair Display',serif;font-weight:800;letter-spacing:1px}
.eu-tick-track a{color:#14263d}
.eu-tick-track a::before{content:"—";color:#a9803f}
.eu-tick-track a:hover{color:#8a2b2b}

/* ---- hero: gold kicker, serif headline, gentle ---- */
.eu-hero{margin-top:24px;background:var(--border)}
.eu-hero-side{background:var(--card)}
.eu-kick{background:transparent;color:#f8f5ec;border:1px solid rgba(255,255,255,.6);font-weight:600;padding:3px 10px;letter-spacing:1px}
.eu-lead-body h1{font-weight:700;font-size:36px;line-height:1.32}
.eu-hs{border-bottom:1px solid var(--border)}
.eu-hs.on{background:var(--eu-blue-l);border-inline-start-color:#8a2b2b}
.eu-hs.on .eu-hs-n{color:#8a2b2b}
.eu-hs-t .c{color:#8a2b2b;font-weight:600}
.eu-hs-head b{color:#12233b}
.eu-hs-head .lat{color:#a9803f;font-family:'Playfair Display',serif}
.eu-hs-n{font-family:'Playfair Display',serif}

/* most-read: serif ordinals in gold */
.eu-numbers{background:var(--border)}
.eu-num{background:var(--card)}
.eu-num b{color:#a9803f;opacity:.85;font-family:'Playfair Display',serif;font-weight:900}
.eu-num:hover{background:var(--bg-3)}
.eu-num span{font-weight:600}

/* section heads: navy top rule, serif, gold latin caption */
.eu-sec-h{border-top:2px solid #12233b}
.eu-sec-h h2{font-weight:700;color:#12233b}
.eu-sec-h h2 em{color:#8a2b2b;font-style:italic}
.eu-sec-h .lat{color:#a9803f;font-weight:700;font-family:'Playfair Display',serif;font-style:italic;letter-spacing:1.5px;text-transform:none}
.eu-sec-h a{color:#294e78;font-weight:600}
.eu-sec-h a:hover{color:#8a2b2b}

/* cards: hairline separators, serif titles, no heavy fills */
.eu-card-img{aspect-ratio:16/10}
.eu-card-cat{background:rgba(18,35,59,.92);color:#f8f5ec;font-weight:600}
.eu-card h3{font-weight:700;color:#14263d}
.eu-card:hover h3{color:#8a2b2b}
.eu-fi{border-bottom:1px solid var(--border)}
.eu-fi h3{font-weight:700}
.eu-fi:hover h3{color:#8a2b2b}
.eu-fi .c,.eu-card .c{color:#8a2b2b}

/* category + promo */
.eu-cat span i{color:#a9803f;font-family:'Playfair Display',serif}
.eu-promo{background:#12233b;color:#f8f5ec}
.eu-promo h3{color:#f8f5ec;font-family:'Noto Naskh Arabic',serif}
.eu-promo-links a{background:transparent;color:#f8f5ec;border:1px solid rgba(248,245,236,.5);border-radius:0}
.eu-promo-links a:hover{background:#f8f5ec;color:#12233b}
.eu-footer a:hover{color:#a9803f}

/* ---- mobile ---- */
@media (max-width:900px){
  .eu-nav-in{justify-content:flex-start}
}
@media (max-width:640px){
  .eu-lockup b{font-size:28px}
  .eu-lockup i{font-size:11px}
  .eu-mast-in{height:72px}
  .eu-logo{order:0;flex:1}
  .eu-lead-body h1{font-size:23px}
  body{font-size:15px}
}