/* The Intel Room for Iran (news/; build/news.py). Loaded after the Liberty Politics room's own intel.css (intel-rtl.css on
   the Persian page: the same file with left and right swapped by news.py rtl_css), and only on this page. What it changes,
   and nothing else: this site's tokens and gold, the Iran theme (the Derafsh Kaviani for Athena's owl, a Persepolis frieze
   for the Greek key: Kaveh's banner and the stepped battlements of the palace, quiet, in the sun gold), Persian type, the
   regime mark, and the pieces only this room has (pictures on a tap, the dark video box). Colours are site.css tokens or the
   room's own darks; the only new one is the flag's red for the regime mark, as a thin line. */
.ir,.ir-spot,.ir-add,.ir-lb{--t1:.8125rem;--t2:.9375rem;--t3:1rem;--t4:1.1875rem;--t5:1.5rem;--t6:clamp(1.9rem,6.4vw,3rem);--t7:clamp(2.7rem,12.4vw,5.6rem);
  --mono:ui-monospace,"Cascadia Mono","SF Mono",Consolas,monospace;--seal:#E8C97A;--field-edge:#8E7434;
  --ir-gold:217,180,90;--ir-goldh:#D9B45A;--hair:rgba(217,180,90,.22);
  /* the Persepolis frieze: one stepped merlon of the palace's battlements a tile, as a line, in the sun gold */
  --frieze:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10'%3E%3Cpath d='M0 9.5h2V7.5h2.2V5.3h2.2V3h3.2v2.3h2.2v2.2H14v2H16' fill='none' stroke='%23D9B45A' stroke-opacity='.5' stroke-width='1'/%3E%3C/svg%3E");
  --key:var(--frieze)}
.ir .scroll{overflow-x:auto}
.ir{padding-top:var(--s4)}

/* the emblem: Kaveh's banner, where the other room has the owl */
.ir-drafsh{stroke-width:1.4}
.ir-drafsh .o-p{fill:var(--field);stroke:none}
.ir-hud .ir-drafsh{width:30px;height:30px}

/* the frieze runs under the command bar and over the room's own words, like the cornice of a palace wall */
.ir-cmd{position:relative;padding-bottom:16px;margin-bottom:6px}
.ir-cmd::after{content:"";position:absolute;inset-inline:0;bottom:0;height:10px;background:var(--frieze) left bottom/16px 10px repeat-x;opacity:.9;pointer-events:none}
.ir-about{position:relative;padding-top:22px}
.ir-about::before{content:"";position:absolute;inset-inline:0;top:0;height:10px;background:var(--frieze) left top/16px 10px repeat-x;pointer-events:none}
/* the flag's three colours as a detail, never a background: one thin line under the display's name */
.ir-hud-n b{padding-bottom:3px;background:linear-gradient(90deg,#239F40 0 33.3%,#F2F1E6 33.3% 66.6%,#DA0000 66.6%) left bottom/100% 2px no-repeat}

/* regime media: marked, never a link (the script and the first list both) */
.ir-c-m .rg,.ir-card.ir-rg .rg{color:#FF9A88;font-weight:700}
.ir-card.ir-rg{box-shadow:inset 3px 0 0 #DA0000}
html[dir="rtl"] .ir-card.ir-rg{box-shadow:inset -3px 0 0 #DA0000}
.ir-card.ir-rg .ir-c-t{color:var(--dim)}
.ir-s-c .rgc{background:rgba(218,0,0,.16);color:#FFB3A6;border:1px solid rgba(218,0,0,.5)}
.ir-s-rgn{padding:10px 12px;border-radius:10px;border:1px solid rgba(218,0,0,.45);background:rgba(218,0,0,.08)}
.ir-s-rgn b{color:#FFB3A6;margin-inline-end:6px}
button.ir-s-open{border:0;cursor:pointer;font:inherit}

/* the first list (before the script runs): a headline keeps its own direction */
.ir-card-s .ir-c-t[dir]{unicode-bidi:plaintext}
.ir-light{margin-top:8px;font-size:var(--t2)}

/* pictures only on a tap (the Persian page) */
.ir-s-v.is-dark{background:radial-gradient(ellipse at 50% 40%,#1d1d18 0,#0c0c09 70%)}
.ir-pics1{display:flex;margin:14px auto;min-height:48px}
.ir-pics[aria-pressed="true"]{border-color:var(--field);color:var(--field)}

/* THE PERSIAN PAGE. The room's layout is mirrored by intel-rtl.css; the map, the timeline and the wire keep their own
   geometry (a longitude does not turn round), and their words run right to left. Persian letters never take letter
   spacing (it breaks the joins) or capitals. */
html[lang="fa"] .ir,html[lang="fa"] .ir *,html[lang="fa"] .ir-spot,html[lang="fa"] .ir-spot *,html[lang="fa"] .ir-add,html[lang="fa"] .ir-add *,html[lang="fa"] .ir-sh,html[lang="fa"] .ir-sh *,html[lang="fa"] .ir-lb *{letter-spacing:normal!important}          /* .ir-sh (25 Oct 2026): the show screen's labels were spaced out, so their Persian letters came apart */
html[lang="fa"] .ir-brand,html[lang="fa"] .ir-h,html[lang="fa"] .ir-kick,html[lang="fa"] .ir-lens button b,html[lang="fa"] .ir-hud-n b,html[lang="fa"] .ir-row-l,html[lang="fa"] .ir-wire-l,html[lang="fa"] .ir-b-k{text-transform:none}
html[lang="fa"] .ir h1,html[lang="fa"] .ir h2{line-height:1.35}
html[lang="fa"] .ir-mapbox{direction:ltr}
html[lang="fa"] .ir-tip,html[lang="fa"] .ir-legend,html[lang="fa"] .ir-lt,html[lang="fa"] .ir-maphint,html[lang="fa"] .ir-nowhere,html[lang="fa"] .ir-wheel,html[lang="fa"] .ir-hud-n{direction:rtl}
html[lang="fa"] .ir-hud-c{direction:rtl;font-family:var(--body)}
html[lang="fa"] .ir-hist,html[lang="fa"] .ir-axis,html[lang="fa"] .ir-wire-v{direction:ltr}
html[lang="fa"] .ir-wire .w-t,html[lang="fa"] .ir-wire .w-s{direction:rtl;unicode-bidi:plaintext}
/* THE WIRE, RIGHT TO LEFT (24 Oct 2026). intel-rtl.css flips the strip's translateX(-50%) to +50%, which carried it off to
   the right and left the wire EMPTY nearly all the time (measured on /fa/news/ at 360px: the first headline at 363px, 538px
   two seconds later, the window 16 to 237px). For a right-to-left reader it runs from -50% back to 0: headlines come in from
   the left, and the second copy of the set fills in as the first leaves, so the loop never shows a gap. */
html[lang="fa"] .ir-wire-t{animation-name:irwire-rtl}
@keyframes irwire-rtl{from{transform:translateX(-50%)}to{transform:translateX(0)}}
html[lang="fa"] .ir-c-t,html[lang="fa"] .ir-b-tt,html[lang="fa"] .ir-lt-t,html[lang="fa"] #ir-spot-t,html[lang="fa"] .ir-post-t{unicode-bidi:plaintext}
html[lang="fa"] .ir-ask input{direction:rtl}
html[lang="fa"] .ir-ask input::placeholder{direction:rtl}
html[lang="fa"] .ir-a input[type="url"]{direction:ltr;text-align:left}
html[lang="fa"] .ir-sort select,html[lang="fa"] .ir-sel select{background-position:left 10px center;padding-inline:12px 34px}
html[lang="fa"] .num{font-variant-numeric:normal}
/* the forces layer (../../site/build/intel-forces.js): its chip sits in the map's left-to-right box but speaks Persian; the
   ship's stripe stands on the reading side; the room's own sides of HOW EACH SIDE FRAMED IT (CFG.sides) get their colours */
html[lang="fa"] .irf-chip>span{direction:rtl;text-align:right}
html[dir="rtl"] .irf-now{box-shadow:inset -3px 0 0 var(--c)}
html[dir="rtl"] .irf-now.old{box-shadow:inset -3px 0 0 #E5814E}
.irf-fc.sF{--lc:#8CC79C}.irf-fc.sW{--lc:#6E9BE8}.irf-fc.sG{--lc:#E4574B}

/* tap targets of 40px and more, also for the two links that sit inside running text */
.ir-livenote a{display:inline-block;padding:10px 2px;margin:-10px 0}
.ir-grow-d{display:inline-flex;align-items:center;min-height:44px}

/* WHO IS SPEAKING (news-camps.js, 23 Oct 2026): the camp of every source, the story's bar, what X says, the Media tab */
.iuc{display:inline-block;padding:1px 7px;border-radius:999px;border:1px solid var(--cc,#6B6B6B);color:var(--ink);background:color-mix(in srgb,var(--cc,#6B6B6B) 16%,transparent);font:700 var(--t1)/1.5 var(--body);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
.iuc.iuc-rg{background:var(--cc);border-color:var(--cc);color:#fff}
.iuc.iuc-only{background:#7B0E0E;border-color:#7B0E0E;color:#fff}
.iuc-s,.iuc-x{margin:14px 0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r,10px);background:var(--sunk)}
.iuc-s h3,.iuc-x h3{margin:0 0 8px;font:700 var(--t2)/1.3 var(--body);color:var(--ink)}
.iuc-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;margin:4px 0 10px;background:var(--line)}
.iuc-bar i{display:block;min-width:4px}
.iuc-g,.iuc-g ul,.iuc-os,.iuc-x ul,.iuc-grp>ul{list-style:none;margin:0;padding:0}
.iuc-g>li{margin:0 0 8px}.iuc-g>li>b{display:block;font:700 var(--t1)/1.4 var(--body);margin-bottom:4px}
.iuc-g ul li{margin:0 0 6px;font:var(--t1)/1.5 var(--body);color:var(--ink)}
.iuc-why{display:block;color:var(--dim);font:var(--t1)/1.45 var(--body);margin-top:2px}
.iuc-why em,.iuc-os em{font-style:normal;color:var(--dim);opacity:.85}
.iuc-warn{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,#C0392B 18%,transparent);border-inline-start:3px solid #C0392B;color:var(--ink);font:600 var(--t1)/1.45 var(--body)}
.iuc-x li{margin:0 0 6px}
.iuc-x-i{display:block;padding:8px 10px;min-height:44px;border-radius:8px;background:var(--panel);color:var(--ink);text-decoration:none;border:1px solid var(--line)}
a.iuc-x-i:hover{border-color:var(--field)}
.iuc-x-i b{font:700 var(--t1)/1.3 var(--body)}.iuc-x-i small{color:var(--dim)}
.iuc-x-t{display:block;margin-top:4px;font:var(--t1)/1.5 var(--body);unicode-bidi:plaintext;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.iuc-x-m{display:block;margin-top:4px;color:var(--dim);font:var(--t1)/1.2 var(--body)}
.ir-ltab.iuc-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ir-ltab.iuc-4 button{font-size:var(--t1);gap:4px;padding:0 2px}
@media (max-width:420px){.ir-ltab.iuc-4{grid-template-columns:1fr 1fr}}
.iuc-tab{padding:12px}
.iuc-tab-h h3{margin:0 0 6px;font:700 var(--t2)/1.3 var(--body);color:var(--ink)}
.iuc-tab-h p{margin:0 0 10px;color:var(--dim);font:var(--t1)/1.5 var(--body)}
.iuc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.iuc-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font:600 var(--t1)/1 var(--body);cursor:pointer}
.iuc-chip i{width:10px;height:10px;border-radius:50%;display:inline-block}
.iuc-chip[aria-pressed="true"]{border-color:var(--field);box-shadow:inset 0 0 0 1px var(--field)}
.iuc-chip.iuc-free{border-color:#2E9E8F}
.iuc-grp{border-top:1px solid var(--line);padding:8px 0}
.iuc-grp summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;color:var(--ink);font:700 var(--t2)/1.2 var(--body)}
.iuc-grp summary i{width:12px;height:12px;border-radius:3px;display:inline-block}
.iuc-grp summary small{color:var(--dim);font-weight:400}
.iuc-camp{margin:8px 0 14px}
.iuc-camp-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.iuc-os li{margin:6px 0 0;color:var(--dim);font:var(--t1)/1.5 var(--body)}.iuc-os b{color:var(--ink)}
.iuc-foot{color:var(--dim);font:var(--t1)/1.5 var(--body);margin:12px 0 0}
/* GROUND NEWS FOR IRAN (24 Oct 2026, news-camps.js): the Who is speaking door and its picker, the coverage bar on every
   story card, the blind-spot chips. Logical sides only (inline-start/end), so the Persian page needs no swap. */
.ir-cmd-b .iuc-cb svg{fill:none}
.iuc-cov{display:block;margin-top:6px;max-width:240px}
.iuc-bar.iuc-bar-s{height:6px;margin:0;border-radius:3px}
.iuc-bar.iuc-bar-s i{min-width:3px}
.iuc.iuc-hid{background:#1F6F64;border-color:#1F6F64;color:#fff}
.iuc-hc-rg{color:#F2B4A6}.iuc-hc-hid{color:#8FD8CB}
.iuc-hc[aria-pressed="true"]{color:var(--on-field)}
.iuc-pick{position:fixed;inset:0 0 0 auto;margin:0;width:min(520px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-inline-start:1px solid #2c2a25;background:var(--bg,#101010);color:var(--ink);box-shadow:-30px 0 60px -20px #000}
.iuc-pick[dir="rtl"]{inset:0 auto 0 0;box-shadow:30px 0 60px -20px #000}
.iuc-tab .iuc-chip{white-space:normal;text-align:start;line-height:1.25;padding-block:6px}
.iuc-pick[open]{display:flex;flex-direction:column}
.iuc-pick::backdrop{background:rgba(0,0,0,.55)}
.iuc-pk-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;padding-inline-start:20px;border-bottom:1px solid var(--line)}
.iuc-pk-top h2{margin:0;font:800 var(--t4,1.2rem)/1.1 var(--display,var(--body))}
.iuc-pk-x{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--ink);font:400 26px/1 var(--body);cursor:pointer}
.iuc-pk-p{margin:10px 20px 0;color:var(--dim);font:var(--t1)/1.5 var(--body)}
.iuc-pk-b{flex:1;overflow-y:auto;padding:10px 20px 16px;overscroll-behavior:contain}
.iuc-pk-quick{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.iuc-pk-g{border-bottom:1px solid var(--line)}
.iuc-pk-g summary{display:flex;align-items:center;gap:8px;min-height:48px;cursor:pointer;color:var(--ink);font:700 var(--t2)/1.2 var(--body)}
.iuc-pk-g summary i{width:12px;height:12px;border-radius:3px;flex:none}
.iuc-pk-g summary small{color:var(--dim);font-weight:600}
.iuc-pk-g summary em{margin-inline-start:auto;font:700 var(--t1)/1 var(--body);font-style:normal;color:var(--field)}
.iuc-pk-cs{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 12px}
.iuc-pick .iuc-chip{white-space:normal;text-align:start;line-height:1.25;padding-block:6px}
.iuc-chip b.num{font-weight:800;color:var(--dim)}
.iuc-chip[aria-pressed="true"] b.num{color:var(--field)}
.iuc-chip.is-zero{opacity:.45;cursor:default}
.iuc-chip.iuc-all{border-style:dashed}
.iuc-chip.iuc-q-rg{border-color:#7B0E0E}.iuc-chip.iuc-q-hid{border-color:#1F6F64}.iuc-chip.iuc-q-pa{border-color:var(--ir-goldh,#D9B45A)}
.iuc-pk-more{margin:12px 0 0}
.iuc-link{min-height:44px;padding:0;border:0;background:none;color:var(--field);font:700 var(--t2)/1.3 var(--body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.iuc-pk-foot{display:flex;gap:10px;padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--sunk)}
.iuc-pk-clr{min-height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--dim);font:650 var(--t2) var(--body);cursor:pointer}
.iuc-pk-go{flex:1;min-height:48px;border-radius:999px;border:0;background:var(--field);color:var(--on-field);font:800 var(--t3)/1 var(--body);cursor:pointer}
.iuc-ev,.iuc-also{margin:8px 0 0;font:var(--t1)/1.5 var(--body);color:var(--ink)}
.iuc-ev q{quotes:"«" "»"}
.iuc-hidnote{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,#1F6F64 22%,transparent);border-inline-start:3px solid #2E9E8F;color:var(--ink);font:600 var(--t1)/1.45 var(--body)}
@media(max-width:620px){
  .iuc-pick,.iuc-pick[dir="rtl"]{inset:auto 0 0 0;width:100%;height:auto;max-height:88dvh;border-inline-start:0;border-top:1px solid #2c2a25;border-radius:18px 18px 0 0;box-shadow:0 -30px 60px -20px #000}
}
.ir-cmd-b .iuc-cb span{min-width:0;overflow:hidden;text-overflow:ellipsis}
@media(max-width:420px){.ir-cmd-b .iuc-cb.on svg{display:none}}

/* the link to the terms beside every box that takes something (build/consent.py, 26 October 2026): a 40px tap target */
.consent-note a{display:inline-flex;align-items:center;min-height:40px}