/* ═══════════════════════════════════════════════════════════════════
   GLAMMBOX 2026 — INTEL NEWSROOM (Builder 2)
   Editorial-cinematic in the V2 system. NOT a fake newspaper — that
   attempt is dead. The template's structure, ids, voice player and
   Intel gates are untouched; this file only re-dresses it.
   Fixes named in the flaw audit:
     · the lead story rendered as a 600px black void  → real media slot
     · rails cut off at the phone edge with no swipe  → snap + edge fade
     · empty bordered count boxes like blank inputs   → mono counters
     · mustard-on-black + a stray cyan                → mono + one ember
   ─────────────────────────────────────────────────────────────────── */

.room-warroom{background:var(--gb-black);color:var(--gb-bone)}
.wr-in{width:var(--shell)}

/* ── MASTHEAD ──────────────────────────────────────────────────────
   One confident line, not a broadsheet pastiche. */
.wr-mast-rule{
  border-bottom:1px solid var(--gb-line-strong)!important;
  color:var(--gb-mute)!important;
  letter-spacing:var(--tr-label)!important;
}
.wr-mast-rule span:first-child{
  display:inline-flex;align-items:center;gap:var(--s-3);color:var(--gb-bone-soft);
}
.wr-mast-rule span:first-child::before{
  content:"";width:1.8rem;height:2px;background:var(--gb-ember);border-radius:2px;
}
.wr-word{
  color:var(--gb-bone)!important;
  text-align:left!important;
  letter-spacing:var(--tr-mega)!important;
  line-height:.88!important;
  font-weight:520!important;
}
.wr-standfirst{
  max-width:56ch;font-size:var(--t-md);line-height:var(--lh-body);
  color:var(--gb-bone-soft);letter-spacing:var(--tr-body);
}
.wr-mast-foot{
  border-color:var(--gb-line)!important;color:var(--gb-mute)!important;
  letter-spacing:var(--tr-label)!important;
}

/* ── THE LEAD ──────────────────────────────────────────────────────
   Round A said "no media"; round B said the media was inset behind a
   fade band and the type sat on the lights. Both are the same mistake:
   a film held at arm's length. The night film is now FULL-BLEED across
   the top of the room, and the masthead type sits on a real floor of
   shade — media edge to edge, type on clear ground. */
.wr-mast-film{
  position:absolute;left:50%;top:0;transform:translateX(-50%);
  width:100vw;height:clamp(300px,44vh,470px);
  overflow:hidden;pointer-events:none;z-index:0;
}
.wr-mast-film::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(7,8,10,.34) 0%,rgba(7,8,10,.10) 30%,rgba(7,8,10,.86) 70%,var(--gb-black) 94%),
    linear-gradient(90deg,rgba(7,8,10,.66) 0%,rgba(7,8,10,.10) 56%,rgba(7,8,10,.14) 100%);
}
.wr-mast-film .film-el{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 46%;
}
.wr-mast{position:relative;z-index:1}
/* the stats row, the past-editions line and the standfirst all sit on
   solid ground below the film, never on the lights. */
.wr-mast-foot,.wr-mast-jump,.wr-standfirst{position:relative;z-index:1;background:var(--gb-black)}
.wr-standfirst{text-align:left;max-width:62ch;margin-inline:0;padding-top:var(--s-5)}
@media (max-width:900px){
  .wr-mast-film{height:clamp(300px,52vh,460px)}
}

/* ── DE-BOX THE FOLD ───────────────────────────────────────────────
   Two 1px rounded rectangles sat in the first screen: the morning
   brief and the glossary. A newsroom does not put its lead in a
   dialog. Both become type on the page ground, separated by a rule
   and by air — the LOI hard fail "a 1px rectangle around text". */
.wr-voice{
  margin:var(--s-7) 0 var(--s-7)!important;
  padding:var(--s-6) 0 0!important;
  border:0!important;border-top:1px solid var(--gb-line)!important;
  border-radius:0!important;background:none!important;
  display:grid;gap:var(--s-3);
}
.wr-voice-k{
  font-family:var(--f-mono);font-size:var(--t-label);
  letter-spacing:var(--tr-label);text-transform:uppercase;
  color:var(--gb-mute);opacity:1!important;margin:0!important;
}
.wr-voice-p{color:var(--gb-bone-soft);margin:0!important;max-width:56ch}
.wr-voice-row{gap:var(--s-4)!important;flex-wrap:wrap}
.wr-voice-btn{
  border-radius:2px!important;border:0!important;
  box-shadow:inset 0 0 0 1px var(--gb-line-strong);
  background:transparent!important;color:var(--gb-bone)!important;
  font-family:var(--f-mono)!important;font-weight:400!important;
  font-size:var(--t-label)!important;letter-spacing:var(--tr-label);
  text-transform:uppercase;min-height:48px;padding:0 var(--s-6)!important;
  transition:box-shadow var(--d-sm) var(--e-out),color var(--d-sm) var(--e-out);
}
.wr-voice-btn:hover{box-shadow:inset 0 0 0 1px var(--gb-ember)}
.wr-voice-btn[aria-pressed="true"]{background:var(--gb-bone)!important}
.wr-voice-btn[aria-pressed="true"] span{color:var(--gb-black)}
.wr-voice-day{
  border-radius:2px!important;border:0!important;
  box-shadow:inset 0 0 0 1px var(--gb-line-strong);
  background:transparent!important;color:var(--gb-bone-soft)!important;
  font-family:var(--f-mono)!important;font-weight:400!important;
  font-size:var(--t-label)!important;letter-spacing:var(--tr-label);
  min-height:44px;padding:0 var(--s-4)!important;
}
.wr-voice-len,.wr-voice-src{
  font-family:var(--f-mono);font-size:var(--t-label);
  letter-spacing:var(--tr-label);text-transform:uppercase;
  color:var(--gb-mute);opacity:1!important;
}

/* the glossary is an appendix, not the lead */
.wr-gloss{
  border:0!important;border-top:1px solid var(--gb-line)!important;
  border-radius:0!important;background:none!important;
  padding:var(--s-6) 0 0!important;margin:var(--s-7) 0 0!important;
}
.wr-gloss dt{
  font-family:var(--f-mono);font-size:var(--t-label);
  letter-spacing:var(--tr-label);text-transform:uppercase;
  color:var(--gb-ember)!important;
}
.wr-gloss dd{color:var(--gb-bone-soft);font-size:var(--t-sm);line-height:1.55}

.wr-mast-film .film-el{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 40%;
}
.wr-mast{position:relative;z-index:1}
/* the stats row, the past-editions line and the standfirst all sit on
   solid ground below the film, never on the lights. */
.wr-mast-foot,.wr-mast-jump,.wr-standfirst{position:relative;z-index:1;background:var(--gb-black)}
.wr-standfirst{text-align:left;max-width:62ch;margin-inline:0;padding-top:var(--s-5)}
@media (max-width:900px){
  .wr-mast-film{
    position:relative;width:100%;height:clamp(200px,34vh,300px);
    margin:0 0 var(--s-5);opacity:.8;
    -webkit-mask-image:linear-gradient(180deg,#000 56%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 56%,transparent 100%);
  }
}

/* the ground layer draws a hairline ring on generic blocks; the brief
   and the glossary are type on the page, not objects on it */
.wr-voice,.wr-gloss{box-shadow:none!important}
.wr-gloss{width:100%;max-width:none}

/* ── ONE GRADE OVER THE EVIDENCE WALL ──────────────────────────────
   The room shows 179 X-post screenshots as its sources. Each one is a
   bright foreign interface with its own white balance, dropped on a
   near-black page: ungraded they read as noise, not as a wall of
   evidence. One shared treatment makes them one deliberate surface.
   The hand is deliberately light — the post's own words must stay
   legible, so the tone sits on the pixels and the wash sits on the
   frame above them, never as a veil over the type. */
.wr-shot{position:relative;isolation:isolate}
.wr-shot img,.wr-shot canvas,.wr-shot video,
.wr-lead-shot img,.wr-lead-shot canvas,.wr-lead-shot video{
  filter:grayscale(.24) saturate(.88) contrast(1.07) brightness(.91);
}
.wr-shot::after,.wr-lead-shot::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(122% 104% at 50% 44%,transparent 50%,rgba(7,8,10,.42) 100%),
    linear-gradient(180deg,rgba(232,95,44,.065) 0%,rgba(7,8,10,.11) 100%);
}