/* Our own story page (Rob, 25 October: "drink our own cool aid"), on the story page's stylesheet. */
.has-story{background:#F6F8FB}
.why-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.st-callnow{text-decoration:none}
.st-foot a{color:inherit}
.st-pic{aspect-ratio:3/2}
.st-pic img{display:block;width:100%;height:100%;object-fit:cover}
.st-logo small{display:block;font:500 12px/1.2 var(--ui);color:#8FA3B8;margin-top:3px;white-space:normal}
.st-turn p span{color:var(--glow)}
/* The call window (oc.js drives it), in the story's own colours: TaskForceCO2's callbox. It sits outside .st, so the
   palette is said again on the body. */
body{--night2:#0B2233;--blue:#1A4FFF;--glow:#7FB2FF;--ink:#14202B;--head:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--ui:"Segoe UI",system-ui,-apple-system,sans-serif}
[hidden]{display:none!important}
.callbox{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(2,19,31,.72);padding:20px}
.cb-card{width:min(360px,100%);background:var(--night2);border:1px solid rgba(127,178,255,.35);color:#fff;border-radius:20px;padding:30px 26px;display:grid;justify-items:center;gap:12px;text-align:center;box-shadow:0 30px 60px rgba(0,0,0,.4)}
.cb-face{width:76px;height:76px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font:700 32px var(--head);box-shadow:0 0 0 8px rgba(26,79,255,.25)}
.cb-name{font:700 22px var(--head);margin:0}
.cb-sub{font:14px var(--ui);color:#8FA3B8;margin:-6px 0 0}
.cb-state{font:16px var(--ui);color:var(--glow);min-height:1.4em;margin:0}
.cb-note{font:14px/1.45 var(--ui);color:#C9D5E2;min-height:1.2em;max-width:30ch;margin:0}
.cb-mic{display:grid;gap:6px;width:100%;font:600 13px var(--ui);color:#8FA3B8;text-align:left}
.cb-mic select{width:100%;font:15px var(--ui);padding:9px 10px;border-radius:8px;border:1px solid rgba(127,178,255,.35);background:#0E2A3D;color:#fff}
.cb-actions{display:flex;gap:10px;justify-content:center;margin-top:8px}
.cb-end{width:64px;height:64px;border-radius:50%;border:0;background:#D93A2B;color:#fff;cursor:pointer;display:grid;place-items:center}
.cb-end svg{width:28px;height:28px;transform:rotate(135deg)}
.cb-close{font:600 15px var(--ui);background:#fff;color:var(--ink);border:0;border-radius:10px;padding:12px 22px;cursor:pointer}
.callbox,.callbox *{font-family:var(--ui)}
.cb-card{font-size:15px;line-height:1.45}
.cb-qr{display:grid;justify-items:center;gap:8px;margin-top:4px}
.cb-qr img{width:150px;height:150px;border-radius:10px;background:#fff;padding:6px}
.cb-qr p{font:13px/1.4 var(--ui);color:#C9D5E2;max-width:30ch;margin:0}