/* Channel realism. Each item in the feed is drawn like the place it came from. */
.feed li.real{display:block;padding:10px 0;border-top:0}
.feed li.real + li.real{margin-top:2px}
.feed article{border-radius:12px;background:#fff;border:1px solid var(--line);padding:12px 14px;overflow-wrap:anywhere}
.feed article p{font-size:15px;line-height:1.55;margin-top:4px;text-align:start}
.feed article header{font-family:var(--f-d);font-size:13px;color:var(--muted);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.feed article header b{font-weight:600;color:var(--ink);font-size:14.5px}
.feed svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.needs{font-family:var(--f-d);font-weight:600;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;background:var(--gold);color:var(--night);border-radius:8px 8px 0 0;padding:5px 12px;margin-bottom:-6px;position:relative;z-index:1;width:fit-content}
.needs + article{border-color:var(--gold);border-width:1.5px;border-start-start-radius:0}

/* X */
.c-x{display:grid;grid-template-columns:40px 1fr;gap:10px}
.av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-d);font-weight:600;font-size:14px;color:#fff;background:hsl(var(--h,170) 32% 34%)}
.av.own{background:var(--deep);color:var(--gold)}
.c-x .hd{font-size:13px}
.c-x .src{margin-inline-start:auto;font-family:'Geist',sans-serif;font-weight:700;font-size:14px;color:var(--ink)}
.vf{width:16px !important;height:16px !important;fill:#1D7FD8 !important;stroke:none !important;transform:translateY(3px)}
.vf .in{fill:none;stroke:#fff;stroke-width:2.2}
.c-x footer{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:9px;font-family:'Geist',sans-serif;font-size:12.5px;color:var(--muted)}
.c-x footer span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.critical .c-x{border-inline-start:3px solid var(--alert)}

/* The organisation's own posts */
.c-own{border:1.5px solid var(--deep) !important;background:rgba(14,70,64,.06) !important}
.c-own header{align-items:center !important;gap:10px !important}
.c-own header div{display:grid}
.c-own header span{font-size:12.5px}

/* WhatsApp */
.c-wa{background:#E9E4D8 !important;padding:0 !important;overflow:hidden}
.c-wa > header{background:#0E5A4E;color:#DDEDE8 !important;padding:8px 14px;font-size:12.5px !important}
.c-wa > header b{color:#fff !important;font-size:13.5px !important}
.c-wa .bub{background:#fff;margin:10px 14px 12px;margin-inline-end:44px;border-radius:10px;border-start-start-radius:2px;padding:8px 11px 6px;box-shadow:0 1px 1px rgba(0,0,0,.12)}
.c-wa .bub.fwd{background:#F4F1EA}
.c-wa .bub b{font-family:var(--f-d);font-size:13px;color:#0E5A4E;display:block}
.c-wa .bub i{font-size:12px;color:var(--muted);display:block}
.c-wa .tm{display:block;text-align:end;font-size:11px;color:#3C9BD6;margin-top:2px}

/* Phone calls logged in the feed */
.c-call{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}
.c-call > svg{width:34px;height:34px;padding:8px;border-radius:50%;background:var(--deep);color:var(--on-deep)}
.c-call p{font-style:italic}

/* Email and letters */
.c-mail > header{display:grid !important;gap:2px;border-bottom:1px solid var(--line);padding-bottom:8px}
.c-mail > header div{display:grid;grid-template-columns:62px 1fr;gap:8px;align-items:baseline}
.c-mail > header span{font-size:12px;color:var(--muted)}
.c-mail > header b{font-size:13.5px !important;font-weight:500 !important}
.c-mail footer{font-size:12px;color:var(--muted);margin-top:6px}
.c-letter{background:#FBFAF6 !important;border-radius:3px !important;padding:16px 18px !important;box-shadow:0 2px 0 rgba(10,19,20,.06)}
.c-letter > header{justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:8px}
.c-letter > header b{font-size:15px !important;letter-spacing:.01em}
.c-letter p{margin-top:10px !important;line-height:1.7 !important}
.c-letter footer{margin-top:12px;font-family:var(--f-d);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--deep);border:1.5px solid var(--deep);border-radius:3px;padding:3px 8px;width:fit-content;transform:rotate(-2deg)}
.c-letter.missed footer{color:var(--alert);border-color:var(--alert)}

/* News sites and television */
.c-news{padding:0 !important;overflow:hidden}
.c-news > header{background:var(--ink);color:#C9D6D2 !important;padding:8px 14px;justify-content:space-between}
.c-news > header b{color:#fff !important;font-family:Georgia,'Times New Roman',var(--f-d),serif;font-size:15px !important;letter-spacing:.01em}
.c-news .kick{display:inline-block;margin:12px 14px 0;font-family:var(--f-d);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#B4231A;padding:2px 8px;border-radius:2px}
.c-news h4{font-family:Georgia,'Times New Roman',var(--f-d),serif;font-weight:600;font-size:18px;line-height:1.35;margin:6px 14px 14px;text-align:start}
.c-tv{padding:0 !important;overflow:hidden;border:0 !important}
.c-tv .thumb{all:unset;cursor:pointer;display:block;width:100%;box-sizing:border-box;aspect-ratio:16/8;position:relative;background:radial-gradient(120% 140% at 80% 0,#17406B,#081B33 60%,#03070F);color:#fff;border-radius:12px;padding:14px;overflow:hidden}
.c-tv .thumb b{position:absolute;inset-inline:14px;bottom:36px;font-family:var(--f-d);font-weight:600;font-size:16px;line-height:1.3;text-align:start}
.c-tv .again{position:absolute;inset-inline-start:14px;bottom:10px;font-family:var(--f-d);font-size:12.5px;display:inline-flex;align-items:center;gap:6px;color:#C9D6D2}
.c-tv .again svg{fill:currentColor;stroke:none;width:11px;height:11px}
.bug{font-family:'Geist',sans-serif;font-weight:700;letter-spacing:.06em;font-size:13px;background:#fff;color:#081B33;padding:3px 8px;border-radius:2px}
.live{font-family:'Geist',sans-serif;font-weight:700;font-size:12px;letter-spacing:.1em;background:#C8231A;color:#fff;padding:3px 8px;border-radius:2px;display:inline-flex;align-items:center;gap:6px}
.live i{width:7px;height:7px;border-radius:50%;background:#fff;animation:blink 1.1s infinite}
@keyframes blink{50%{opacity:.25}}
.c-tv .live{position:absolute;inset-inline-start:14px;top:12px}
.c-tv .bug{position:absolute;inset-inline-end:14px;top:12px}

/* Inside the organisation */
.c-int{display:grid;grid-template-columns:36px 1fr;gap:10px;background:rgba(14,70,64,.07) !important;border-style:dashed !important}
.sq{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font-family:var(--f-d);font-weight:600;font-size:13px;background:var(--deep);color:var(--on-deep)}

/* ---------- takeovers ---------- */
.ov{position:fixed;inset:0;z-index:50;background:rgba(3,8,9,.78);backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px;animation:fade .25s ease both}
@keyframes fade{from{opacity:0}}
.ov [hidden]{display:none !important}
.ov svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.phone{width:min(520px,100%);background:linear-gradient(to bottom,#0A2E2B,#071A19);color:var(--on-deep);border-radius:28px;padding:34px 30px 26px;box-shadow:0 40px 120px rgba(0,0,0,.7),0 0 0 1px rgba(242,238,227,.12);text-align:center}
.ph-top{display:grid;justify-items:center;gap:6px}
.ringer{width:84px;height:84px;border-radius:50%;background:var(--gold);color:var(--night);display:grid;place-items:center;margin-bottom:10px;animation:ringpulse 1.3s ease-out infinite}
.ringer svg{width:38px;height:38px}
.phone.oncall .ringer{animation:none;background:#1F8A5F;color:#fff}
@keyframes ringpulse{0%{box-shadow:0 0 0 0 rgba(244,201,93,.55)}100%{box-shadow:0 0 0 34px rgba(244,201,93,0)}}
.phone .lbl{color:var(--on-deep-muted)}
.phone h2{font-size:30px;line-height:1.2}
.ph-time{font-family:'Geist',sans-serif;font-size:17px;color:var(--on-deep-muted)}
.phone .cap{margin-top:20px;font-size:19px;line-height:1.55;text-align:start;background:rgba(242,238,227,.07);border-radius:14px;padding:16px 18px;min-height:3em}
.ph-row{display:flex;justify-content:center;gap:56px;margin-top:30px}
.rb{all:unset;cursor:pointer;display:grid;justify-items:center;gap:8px;font-family:var(--f-d);font-size:14px;color:var(--on-deep-muted)}
.rb svg{width:66px;height:66px;padding:19px;border-radius:50%;color:#fff;box-sizing:border-box}
.rb.acc svg{background:#1F8A5F}
.rb.dec svg{background:#B4231A;transform:rotate(135deg)}
.rb:focus-visible svg{outline:3px solid var(--gold);outline-offset:3px}
.ph-talk{margin-top:18px;text-align:start}
.ph-talk textarea{width:100%;min-height:120px;margin-top:6px;background:#fff;color:var(--ink);border:0;border-radius:12px;padding:13px;font-size:17px;line-height:1.6;resize:vertical}
.ph-acts{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}
.ph-acts .sp{flex:1}
.phone .btn{border-color:rgba(242,238,227,.4);color:var(--cream)}
.phone .btn:hover{background:rgba(242,238,227,.1)}
.phone .btn.f{background:var(--gold);border-color:var(--gold);color:var(--night)}
.phone .btn svg{width:15px;height:15px;margin-inline-end:6px}
.phone .btn.on{background:#B4231A;border-color:#B4231A;color:#fff}
.phone .toast{color:#F4B5A6}

.tv{width:min(1040px,100%);display:grid;gap:14px;justify-items:center}
.tv .btn{border-color:rgba(242,238,227,.4);color:var(--cream)}
.screen{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#03070F;color:#fff;box-shadow:0 40px 120px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.12)}
.screen .bg{position:absolute;inset:-20%;background:
  radial-gradient(40% 50% at 70% 30%,rgba(60,130,210,.55),transparent 70%),
  radial-gradient(50% 60% at 20% 70%,rgba(20,70,140,.6),transparent 70%),
  linear-gradient(120deg,#06162B,#0B2A52 50%,#051020);animation:drift 14s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate(4%,-3%) scale(1.08)}}
.screen .anchor{position:absolute;inset-inline-end:9%;bottom:19%;height:58%;fill:rgba(2,8,18,.82);stroke:none}
.screen .bug{position:absolute;inset-inline-end:3%;top:5%;font-size:clamp(13px,1.5vw,19px)}
.screen .live{position:absolute;inset-inline-start:3%;top:5%;font-size:clamp(12px,1.3vw,17px)}
.screen .clk{position:absolute;inset-inline-start:3%;top:13%;font-family:'Geist',sans-serif;font-weight:600;font-size:clamp(13px,1.4vw,18px);color:#C9D6E8}
.l3{position:absolute;inset-inline:0;bottom:9.5%;background:linear-gradient(to right,rgba(3,10,22,.95),rgba(3,10,22,.82));border-top:3px solid #C8231A;padding:1.6% 3% 1.8%;animation:rise .6s .4s ease both}
@keyframes rise{from{transform:translateY(110%)}}
.l3 .brk{font-family:'Geist',sans-serif;font-weight:700;letter-spacing:.12em;font-size:clamp(11px,1.2vw,15px);background:#C8231A;padding:2px 9px;border-radius:2px}
.l3 h3{font-family:var(--f-d);font-weight:600;font-size:clamp(18px,2.6vw,36px);line-height:1.2;margin-top:.5%;text-align:start;letter-spacing:-.015em}
.l3 .cap{font-size:clamp(13px,1.45vw,19px);line-height:1.45;color:#D9E3F0;margin-top:.6%;min-height:1.5em;text-align:start}
.tick{position:absolute;inset-inline:0;bottom:0;height:9.5%;background:#F2EEE3;color:#0A1314;display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-family:var(--f-d);font-weight:500;font-size:clamp(12px,1.35vw,17px)}
.tick div{display:inline-flex;gap:3em;padding-inline-start:100%;animation:crawl 46s linear infinite}
.tick span::before{content:"■";color:#C8231A;margin-inline-end:.8em;font-size:.6em;vertical-align:middle}
@keyframes crawl{to{transform:translateX(-100%)}}
:root[dir="rtl"] .tick div{animation-name:crawl-r}
@keyframes crawl-r{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.ringer,.screen .bg,.tick div,.live i{animation:none}.tick div{padding-inline-start:2%}}

/* sound controls in the bar */
.snd{all:unset;cursor:pointer;font-family:var(--f-d);font-weight:500;font-size:12.5px;letter-spacing:var(--lbl-track);text-transform:var(--caps);border-radius:999px;padding:5px 12px;border:1px solid rgba(242,238,227,.3);color:var(--on-deep-muted);white-space:nowrap}
.snd:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.snd.ready{color:var(--gold);border-color:rgba(244,201,93,.5)}

/* ---------- the short report at the end ---------- */
.flash .head h1{font-size:38px}
.flash .verdict{font-size:22px;line-height:1.5;margin-top:22px;max-width:820px;color:var(--ink)}
.flash .later{margin-top:34px;background:rgba(14,70,64,.08);border-radius:12px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.flash .later b{font-family:var(--f-d);font-weight:500;font-size:19px;display:block}
.flash .later span{color:var(--soft);font-size:15.5px}
.mini{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mini div{padding:16px 10px 16px 0}
.mini b{display:block;font-family:var(--f-d);font-weight:500;font-size:14px}
.mini .pips{margin-top:8px}
.hostnote{background:var(--gold);color:var(--night);border-radius:10px;padding:14px 18px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:15.5px}
.plan li{display:grid;grid-template-columns:1fr 190px 130px;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:15.5px;color:var(--soft)}
.plan li b{font-family:var(--f-d);font-weight:500;color:var(--ink)}
.seatfb{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.seatfb p{font-size:16px;line-height:1.65;color:var(--soft)}
@media (max-width:1100px){.mini{grid-template-columns:repeat(3,1fr)}.plan li,.seatfb{grid-template-columns:1fr;gap:4px}}

/* ---------- demo rooms ---------- */
.samples{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0}
.samples button{font-family:var(--f-d);font-weight:500;font-size:13px;border-radius:999px;border:1px dashed var(--deep);background:rgba(244,201,93,.3);color:var(--deep);padding:5px 12px;min-height:32px;cursor:pointer}
.phone .samples button{border-color:var(--gold);background:rgba(244,201,93,.14);color:var(--gold)}
.pnotes{position:fixed;inset-inline-end:18px;bottom:18px;z-index:40;width:340px;max-width:calc(100vw - 36px);background:#101C1D;color:var(--cream);border:1px solid rgba(244,201,93,.5);border-radius:14px;padding:14px 16px;box-shadow:0 24px 70px rgba(0,0,0,.6);font-size:13.5px}
.pnotes header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.pnotes header b{font-family:var(--f-d);font-weight:500;color:var(--gold);font-size:14px}
.pnotes header button{all:unset;cursor:pointer;font-size:12.5px;color:#8FA7A2;text-decoration:underline}
.pnotes ol{counter-reset:s;display:grid;gap:7px;max-height:38vh;overflow-y:auto;margin-bottom:12px}
.pnotes li{counter-increment:s;display:grid;grid-template-columns:20px 1fr;gap:8px;color:#C9D6D2;line-height:1.45}
.pnotes li::before{content:counter(s);font-family:'Geist',sans-serif;font-weight:600;color:var(--gold)}
.pnotes .btn{width:100%}
.pnotes.min ol,.pnotes.min .btn{display:none}
.pnotes.min{width:auto;padding:8px 14px}
.pnotes.min header{margin:0;gap:14px}
@media print{.pnotes{display:none}}