/* Futuristic Iraq Briefing console — homepage v14
   Presentation-only layer: preserves existing data hooks, IDs and JS behavior. */

.site-homepage .osint-briefing-section{
  --brief-bg:#151719;
  --brief-bg-2:#1c2023;
  --brief-panel:rgba(25,29,32,.78);
  --brief-panel-2:rgba(35,40,43,.64);
  --brief-line:rgba(214,223,226,.12);
  --brief-line-strong:rgba(214,223,226,.20);
  --brief-text:#f3f1ea;
  --brief-muted:#a9b2b5;
  --brief-gold:#d6b779;
  --brief-cyan:#8fc8ca;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-block:clamp(24px,3.2vw,42px)!important;
  border-top:1px solid rgba(255,255,255,.05)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  background:
    radial-gradient(circle at 12% 28%,rgba(143,200,202,.095),transparent 26%),
    radial-gradient(circle at 86% 70%,rgba(214,183,121,.075),transparent 28%),
    linear-gradient(122deg,var(--brief-bg) 0%,#1c2023 46%,#171a1c 100%)!important;
  color:var(--brief-text);
}
.site-homepage .osint-briefing-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.62;
  background-image:
    linear-gradient(rgba(186,207,210,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(186,207,210,.028) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);
}
.site-homepage .osint-briefing-section::after{
  content:"";
  position:absolute;
  left:-18%;
  top:0;
  width:12%;
  height:100%;
  z-index:-1;
  pointer-events:none;
  transform:skewX(-14deg);
  background:linear-gradient(90deg,transparent,rgba(143,200,202,.055),transparent);
  animation:briefingSectionSweep 10s ease-in-out infinite;
}

.site-homepage .osint-briefing-section>.container{
  width:min(1320px,calc(100% - 32px))!important;
  max-width:1320px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

.site-homepage .osint-wire{
  position:relative;
  overflow:hidden;
  border:1px solid var(--brief-line)!important;
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)),
    var(--brief-panel)!important;
  box-shadow:
    0 22px 58px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.site-homepage .osint-wire::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  z-index:4;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,var(--brief-cyan) 20%,var(--brief-gold) 78%,transparent);
  opacity:.78;
  box-shadow:0 0 18px rgba(143,200,202,.28);
}
.site-homepage .osint-wire::after{
  content:"";
  position:absolute;
  z-index:5;
  left:0;
  right:0;
  top:-1px;
  height:1px;
  pointer-events:none;
  opacity:.72;
  background:linear-gradient(90deg,transparent 0,var(--brief-cyan) 18%,rgba(255,255,255,.18) 46%,var(--brief-gold) 82%,transparent 100%);
  animation:briefingPulseLine 5.5s ease-in-out infinite;
}

.site-homepage .osint-wire-head{
  display:grid!important;
  grid-template-columns:minmax(190px,.72fr) minmax(0,1.6fr) auto;
  gap:clamp(14px,2vw,28px)!important;
  align-items:center!important;
  min-height:88px!important;
  padding:17px 20px!important;
  border-bottom:1px solid var(--brief-line)!important;
  background:linear-gradient(90deg,rgba(143,200,202,.025),transparent 36%,rgba(214,183,121,.02))!important;
}
.site-homepage .osint-wire-title{
  position:relative;
  margin:0!important;
  padding-inline-start:18px;
  color:var(--brief-text)!important;
  font:700 clamp(1.35rem,2.25vw,2rem)/1.04 "Libre Baskerville",Georgia,serif!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
  white-space:normal!important;
}
.site-homepage .osint-wire-title::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:.2em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--brief-cyan);
  box-shadow:0 0 0 5px rgba(143,200,202,.08),0 0 18px rgba(143,200,202,.38);
}
.site-homepage .osint-wire-title::after{
  content:"PUBLIC SOURCE DESK";
  display:block;
  margin-top:8px;
  color:var(--brief-gold);
  font:800 8px/1 "DM Sans",Arial,sans-serif;
  letter-spacing:.17em;
  text-transform:uppercase;
}
html[lang="ar"] .site-homepage .osint-wire-title::after{content:"مكتب المصادر العامة"}
html[lang="he"] .site-homepage .osint-wire-title::after{content:"דסק מקורות ציבוריים"}

.site-homepage .osint-status-line{
  display:flex!important;
  align-items:center;
  gap:7px!important;
  min-width:0;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(255,255,255,.018);
  color:var(--brief-muted)!important;
  font:700 9px/1.35 "DM Sans",Arial,sans-serif!important;
  letter-spacing:.015em;
  white-space:normal!important;
}
.site-homepage .osint-status-line strong{color:#e9eeec!important;font-weight:800}
.site-homepage .osint-sep{color:rgba(214,223,226,.22)!important}
.site-homepage .osint-live-dot{
  width:8px!important;
  height:8px!important;
  flex:0 0 auto;
  background:var(--brief-gold)!important;
  box-shadow:0 0 0 4px rgba(214,183,121,.08),0 0 14px rgba(214,183,121,.24)!important;
}
.site-homepage .osint-status-line.is-live .osint-live-dot{
  background:var(--brief-cyan)!important;
  box-shadow:0 0 0 4px rgba(143,200,202,.08),0 0 18px rgba(143,200,202,.38)!important;
  animation:briefingLivePulse 2.5s ease-in-out infinite;
}
.site-homepage .osint-panel-toggle{
  min-height:38px!important;
  margin-inline-start:0!important;
  padding:0 14px!important;
  border:1px solid rgba(214,183,121,.28)!important;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(214,183,121,.105),rgba(214,183,121,.035))!important;
  color:#f1d8a7!important;
  font:800 8.5px/1 "DM Sans",Arial,sans-serif!important;
  letter-spacing:.095em!important;
  text-transform:uppercase;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.site-homepage .osint-panel-toggle:hover,
.site-homepage .osint-panel-toggle:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(214,183,121,.54)!important;
  background:rgba(214,183,121,.12)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05);
}

.site-homepage .osint-ticker-window{
  position:relative;
  overflow:hidden;
  min-width:0;
  min-height:68px;
  background:rgba(7,10,11,.22)!important;
  outline:none;
}
.site-homepage .osint-ticker-window::before,
.site-homepage .osint-ticker-window::after{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  bottom:0;
  width:54px;
  pointer-events:none;
}
.site-homepage .osint-ticker-window::before{inset-inline-start:0;background:linear-gradient(90deg,#1a1e20,transparent)}
.site-homepage .osint-ticker-window::after{inset-inline-end:0;background:linear-gradient(270deg,#191d1f,transparent)}
.site-homepage .osint-ticker-group{padding-inline-end:0!important}
.site-homepage .osint-ticker-item{
  position:relative;
  min-height:68px!important;
  padding:0 21px!important;
  gap:9px!important;
  border-inline-end:1px solid rgba(255,255,255,.07)!important;
  color:var(--brief-text)!important;
  background:transparent!important;
  transition:background .2s ease;
}
.site-homepage .osint-ticker-item:hover{background:rgba(143,200,202,.04)!important}
.site-homepage .osint-ticker-topic{
  color:var(--brief-gold)!important;
  font-size:7.5px!important;
  letter-spacing:.10em!important;
}
.site-homepage .osint-ticker-age,
.site-homepage .osint-ticker-source{color:#8e999d!important}
.site-homepage .osint-ticker-headline{
  max-width:470px!important;
  color:#eef0ec!important;
  font-size:13px!important;
  line-height:1.4!important;
}
.site-homepage .osint-ticker-open{color:var(--brief-cyan)!important}
.site-homepage .osint-wire-loading{min-height:68px!important;color:#9ba6a9!important}

.site-homepage .osint-mobile-nav{
  border-top:1px solid var(--brief-line)!important;
  background:rgba(255,255,255,.015)!important;
}
.site-homepage .osint-mobile-nav button{color:var(--brief-gold)!important}
.site-homepage .osint-mobile-index{color:#909b9f!important}

.site-homepage .osint-full-panel{
  border-top:1px solid var(--brief-line)!important;
  background:rgba(14,17,18,.42)!important;
}
.site-homepage .osint-toolbar{
  padding:11px 13px!important;
  border-bottom:1px solid var(--brief-line)!important;
  background:rgba(255,255,255,.018)!important;
}
.site-homepage .osint-filter,
.site-homepage .osint-refresh,
.site-homepage .osint-expand{
  border-color:rgba(255,255,255,.11)!important;
  background:rgba(255,255,255,.025)!important;
  color:#b8c1c3!important;
}
.site-homepage .osint-filter:hover,
.site-homepage .osint-filter.is-active,
.site-homepage .osint-expand:hover{
  border-color:rgba(143,200,202,.34)!important;
  background:rgba(143,200,202,.065)!important;
  color:#d5eeee!important;
}
.site-homepage .osint-filter.is-active{box-shadow:inset 0 -2px 0 var(--brief-cyan)!important}
.site-homepage .osint-refresh{
  border-color:rgba(214,183,121,.28)!important;
  background:rgba(214,183,121,.09)!important;
  color:#f2d9a8!important;
}
.site-homepage .osint-story{
  min-height:88px;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:transparent;
}
.site-homepage .osint-story:hover{background:rgba(255,255,255,.018)!important}
.site-homepage .osint-story h3{color:#eef0ec!important}
.site-homepage .osint-story-source{color:#8e999d!important}
.site-homepage .osint-evidence,
.site-homepage .osint-story-meta>span{
  border-color:rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.025)!important;
  color:#9fa9ac!important;
}
.site-homepage .osint-evidence{
  border-color:rgba(214,183,121,.22)!important;
  background:rgba(214,183,121,.055)!important;
  color:#d4bd8e!important;
}
.site-homepage .osint-evidence strong{color:#f1ddba!important}
.site-homepage .osint-story-link{
  border-color:rgba(143,200,202,.20)!important;
  background:rgba(143,200,202,.035)!important;
  color:#cfe5e5!important;
}
.site-homepage .osint-story-link:hover{border-color:rgba(143,200,202,.46)!important;color:#f2ffff!important}
.site-homepage .osint-empty{color:#97a2a5!important}
.site-homepage .osint-expand{border-top-color:rgba(255,255,255,.07)!important}
.site-homepage .osint-briefing-foot{color:#818d90!important;border-top:1px solid rgba(255,255,255,.045)}

@keyframes briefingLivePulse{
  0%,100%{opacity:.62;transform:scale(.9)}
  50%{opacity:1;transform:scale(1.12)}
}
@keyframes briefingPulseLine{
  0%,100%{opacity:.30;filter:blur(0)}
  50%{opacity:.95;filter:blur(.15px)}
}
@keyframes briefingSectionSweep{
  0%,28%{left:-18%;opacity:0}
  42%{opacity:1}
  68%,100%{left:112%;opacity:0}
}

@media(max-width:900px){
  .site-homepage .osint-wire-head{
    grid-template-columns:minmax(160px,.8fr) minmax(0,1.4fr) auto;
    gap:12px!important;
    min-height:78px!important;
    padding:14px 15px!important;
  }
  .site-homepage .osint-wire-title{font-size:1.25rem!important}
  .site-homepage .osint-status-line{font-size:8px!important}
}

@media(max-width:720px){
  .site-homepage .osint-briefing-section{
    padding-block:22px!important;
  }
  .site-homepage .osint-briefing-section>.container{
    width:calc(100% - 24px)!important;
  }
  .site-homepage .osint-wire{
    border-radius:18px;
  }
  .site-homepage .osint-wire-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px 12px!important;
    min-height:0!important;
    padding:14px!important;
  }
  .site-homepage .osint-wire-title{
    grid-column:1;
    font-size:1.18rem!important;
    line-height:1.08!important;
  }
  .site-homepage .osint-status-line{
    grid-column:1/-1;
    grid-row:2;
    order:3;
    min-height:38px;
    padding:8px 9px;
    border-radius:10px;
    font-size:7.5px!important;
    flex-wrap:wrap;
  }
  .site-homepage .osint-panel-toggle{
    grid-column:2;
    grid-row:1;
    min-height:34px!important;
    padding-inline:10px!important;
    font-size:7.5px!important;
  }
  .site-homepage .osint-ticker-window{
    overflow-x:auto!important;
    min-height:0;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .site-homepage .osint-ticker-window::before,
  .site-homepage .osint-ticker-window::after{display:none}
  .site-homepage .osint-ticker-track{
    padding:10px!important;
    gap:8px!important;
  }
  .site-homepage .osint-ticker-item{
    flex:0 0 calc(100vw - 54px)!important;
    max-width:410px!important;
    min-height:94px!important;
    padding:12px 13px!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:13px;
    background:rgba(255,255,255,.02)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  }
  .site-homepage .osint-ticker-headline{font-size:12.5px!important}
  .site-homepage .osint-mobile-nav{min-height:34px!important}
  .site-homepage .osint-toolbar{padding:9px!important}
  .site-homepage .osint-story{padding:13px 11px!important}
}

@media(max-width:460px){
  .site-homepage .osint-briefing-section>.container{width:calc(100% - 24px)!important}
  .site-homepage .osint-wire-title{font-size:1.04rem!important;padding-inline-start:15px}
  .site-homepage .osint-wire-title::before{width:6px;height:6px}
  .site-homepage .osint-wire-title::after{font-size:6.8px;letter-spacing:.13em;margin-top:6px}
  .site-homepage .osint-panel-toggle{padding-inline:8px!important}
  .site-homepage .osint-status-line #osint-source-count-wrap,
  .site-homepage .osint-status-line #osint-updated-label,
  .site-homepage .osint-status-line .osint-sep.optional{display:none!important}
  .site-homepage .osint-ticker-item{flex-basis:calc(100vw - 46px)!important}
}

@media(prefers-reduced-motion:reduce){
  .site-homepage .osint-briefing-section::after,
  .site-homepage .osint-wire::after,
  .site-homepage .osint-status-line.is-live .osint-live-dot{animation:none!important}
}