@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800;900&display=swap');
/* khatkhabar.com — «خط خبر» : minimal light editorial, one red LINE motif, lots of whitespace. */
:root, html:not([data-theme=dark]), html[data-theme=dark]{
  --eu-navy:#111111; --eu-navy-2:#222;
  --eu-blue:#e11414; --eu-blue-d:#111111; --eu-blue-l:#fdeaea;
  --eu-yellow:#e11414; --eu-red:#e11414; --eu-green:#0a7a3c;
  --brand:#e11414; --brand-dark:#b30f0f; --brand-2:#111111;
  --ink:#111111; --text:#3a3a3a; --muted:#8a8a8a; --faint:#b4b4b4;
  --bg:#ffffff; --bg-2:#ffffff; --bg-3:#f4f4f4; --card:#ffffff;
  --border:#ededed; --border-2:#f3f3f3; --radius:0; --radius-sm:0; --shadow:none;
  --font-lat:'Archivo',system-ui,sans-serif;
}
body{background:#fff;color:var(--text);font-size:16px}
::selection{background:#e11414;color:#fff}
/* util: whisper-thin, red tick */
.eu-util{background:#fff;color:#8a8a8a;border-bottom:1px solid #ededed;font-size:12px}
.eu-util b,.eu-clock{color:#111}
.eu-lang a{color:#8a8a8a;border-radius:0;font-weight:600}.eu-lang a.on{color:#fff;background:#e11414}
/* masthead: white, a red line above the wordmark */
.eu-mast{background:#fff;border-bottom:1px solid #ededed}
.eu-mast-in{min-height:96px}
.eu-logo img{display:none}
.eu-lockup{border-inline-start:0;padding-inline-start:0;position:relative}
.eu-lockup b{font-family:'Archivo',sans-serif;font-weight:900;font-size:27px;color:#111;letter-spacing:-.5px}
.eu-lockup b::before{content:"";position:absolute;top:-9px;inset-inline-start:0;width:38px;height:4px;background:#e11414}
.eu-lockup i{color:#8a8a8a;font-weight:600;font-size:12px;letter-spacing:.5px}
.eu-search{border:1.5px solid #111}.eu-search button{background:#e11414;color:#fff}
.eu-btn-live{background:#111;color:#fff;border-radius:0}
.eu-icon-btn{border-radius:0;border:1.5px solid #111;color:#111}
.eu-icon-btn:hover{background:#e11414;border-color:#e11414;color:#fff}
/* nav: minimal, red underline on active, generous spacing */
.eu-nav{background:#fff;border-bottom:2px solid #111}
.eu-nav-in{gap:6px}
.eu-nav a{color:#111;font-weight:700;font-size:15px;height:52px;border-bottom:3px solid transparent}
.eu-nav a:hover{color:#e11414;background:transparent}
.eu-nav a.on{color:#e11414;border-bottom-color:#e11414}
.eu-nav .eu-nav-sep{background:#ededed}
/* ticker */
.eu-tick{border-bottom:1px solid #ededed}
.eu-tick-lbl{background:#e11414;color:#fff;letter-spacing:.5px}
.eu-tick-track a{color:#111}.eu-tick-track a::before{content:"—";color:#e11414}.eu-tick-track a:hover{color:#e11414}
/* hero: clean, red kicker */
.eu-hero{margin-top:26px;background:#ededed}
.eu-kick{background:#e11414;color:#fff;font-weight:800}
.eu-lead-body h1{font-weight:900;font-size:36px;letter-spacing:-.5px}
.eu-hs.on{background:#fdeaea;border-inline-start-color:#e11414}.eu-hs.on .eu-hs-n{color:#e11414}
.eu-hs-t .c{color:#e11414}.eu-hs-head .lat{color:#e11414}
.eu-numbers{background:#ededed}.eu-num b{color:#e11414;opacity:.9;font-weight:900}.eu-num:hover{background:#fdeaea}
/* section heads: thin red rule instead of heavy */
.eu-sec-h{border-top:3px solid #e11414}
.eu-sec-h h2{font-weight:900;letter-spacing:-.5px}.eu-sec-h h2 em{color:#e11414}
.eu-sec-h .lat{color:#e11414;font-weight:800}.eu-sec-h a{color:#e11414}.eu-sec-h a:hover{color:#111}
.eu-card-cat{background:#111;color:#fff;font-weight:700}.eu-card h3{font-weight:800}.eu-card:hover h3{color:#e11414}
.eu-fi h3{font-weight:800}.eu-fi:hover h3{color:#e11414}
.eu-promo{background:#111;color:#fff}.eu-promo h3{color:#fff}
.eu-promo-links a{background:#e11414;color:#fff;border-radius:0}
.eu-footer a:hover{color:#e11414}
@media(max-width:640px){.eu-lockup b{font-size:22px}.eu-lead-body h1{font-size:24px}}