/* /satellite/: the body of the pages; the frame is frame.css. The blocks in the form of the dossier of /interference/ (order of 04.10.2026) */
body.has-frame main.sa-main{--red:#ff2d2d;--dim:#8a8a8a}
.sa-main h1{text-align:center}
.sa-main .did{font:600 clamp(16px,1.4vw,20px)/1.3 "IBM Plex Sans Condensed",sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.06em;margin:6px 0 26px;text-align:center}
.sa-main .did b.ab{color:var(--red);font-weight:700;animation:sa-glow 4.5s ease-in-out infinite}
@keyframes sa-glow{0%,100%{text-shadow:0 0 12px rgba(255,45,45,.65),0 0 30px rgba(255,45,45,.38),0 0 60px rgba(255,45,45,.2)}
  50%{text-shadow:0 0 18px rgba(255,45,45,.95),0 0 44px rgba(255,45,45,.6),0 0 90px rgba(255,45,45,.35)}}
@media (prefers-reduced-motion:reduce){.sa-main .did b.ab{animation:none;text-shadow:0 0 14px rgba(255,45,45,.75)}}

/* a block: the heading on a line of its own, grey; the text white; the source small (04.10.2026) */
.sa-main div.ln{margin:14px 0 0;padding:14px 16px;border-left:2px solid #2a2a2a;text-align:left!important;font:500 16px/1.5 "IBM Plex Sans",sans-serif;color:#e8e8e8}
.sa-main b.lb{display:block;margin:0 0 8px;font:700 12px/1.2 "IBM Plex Sans Condensed",sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8b95a1}
.sa-main div.ln .d{display:block;margin-top:6px;font:500 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}

/* the index: the three holders, each a way into its page */
.sa-main nav.sa-index{display:flex;flex-direction:column;gap:14px}
.sa-main a.sa-go{display:block;padding:16px 18px;border-left:2px solid #2a2a2a;color:#e8e8e8;text-decoration:none;font:500 17px/1.5 "IBM Plex Sans",sans-serif;
  transition:border-color .25s,background-color .25s,box-shadow .25s}
.sa-main a.sa-go:hover,.sa-main a.sa-go:focus-visible{outline:0;border-left-color:var(--red);background:linear-gradient(90deg,rgba(255,45,45,.1),transparent 70%);box-shadow:0 0 34px rgba(255,45,45,.08)}
.sa-main a.sa-go:hover b.lb,.sa-main a.sa-go:focus-visible b.lb{color:var(--red)}

.sa-main .go-row{text-align:center;margin-top:28px}
.sa-main a.go{display:inline-block;padding:10px 18px;border:1px solid #333;border-radius:4px;background:#0b0b0b;color:#fff;
  font:600 13px/1.2 "IBM Plex Sans Condensed",sans-serif;letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;text-decoration:none;
  transition:border-color .25s ease,color .25s ease,box-shadow .25s ease}
.sa-main a.go:hover,.sa-main a.go:focus-visible{border-color:var(--red);color:var(--red);box-shadow:0 0 18px rgba(255,45,45,.35);outline:0}
/* the index rows keep the form of the blocks, not the form of a menu */
.sa-main nav.sa-index{margin:0;padding:0;border:0}
.sa-main nav.sa-index a.sa-go{box-sizing:border-box;width:100%;margin:0;text-align:left!important;text-transform:none;letter-spacing:0;font:500 17px/1.5 "IBM Plex Sans",sans-serif}
.sa-main nav.sa-index a.sa-go b.lb{text-align:left}

/* the verdict, then under it the proof: the detail and the source (order of 04.10.2026: "under each statement a block with more detail and a link") */
.sa-main div.ln p.vd{margin:0;font:500 16px/1.5 "IBM Plex Sans",sans-serif;color:#fff;text-align:left!important}
.sa-main div.ln .pf{margin:12px 0 0;padding:10px 0 0;border-top:1px solid #1d1d1d}
.sa-main div.ln .pf p{margin:0;font:400 14px/1.55 "IBM Plex Sans",sans-serif;color:#a9b0b8;text-align:justify}
.sa-main div.ln .pf p.src{margin-top:8px;font:500 11px/1.6 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;text-align:left!important}
.sa-main div.ln .pf p.src a{color:#8b95a1;text-decoration:none;border-bottom:1px solid #333;transition:color .2s,border-color .2s}
.sa-main div.ln .pf p.src a:hover,.sa-main div.ln .pf p.src a:focus-visible{color:var(--red);border-bottom-color:var(--red);outline:0}
.sa-main a.sa-go p.vd{margin:0;font:600 15px/1.4 "IBM Plex Sans Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-align:left!important}
.sa-main a.sa-go p.vd b.ab{color:var(--red)}

/* the sentence first, the grounds folded under it (order of 04.10.2026: "a sentence, not a news feed") */
.sa-main .sentence{margin:0 0 22px;padding:18px 20px;border-left:2px solid var(--red);background:linear-gradient(90deg,rgba(255,45,45,.08),transparent 75%)}
.sa-main .sentence p{margin:0;font:500 19px/1.55 "IBM Plex Sans",sans-serif;color:#fff;text-align:left!important}
.sa-main details.grounds{border-top:1px solid #222;border-bottom:1px solid #222;margin:0 0 26px}
.sa-main details.grounds>summary{list-style:none;cursor:pointer;padding:16px 0;text-align:center;font:600 14px/1.2 "IBM Plex Sans Condensed",sans-serif;
  letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;color:#fff;transition:color .2s}
.sa-main details.grounds>summary::-webkit-details-marker{display:none}
.sa-main details.grounds>summary::marker{content:""}
.sa-main details.grounds>summary:hover,.sa-main details.grounds>summary:focus-visible,.sa-main details.grounds[open]>summary{color:var(--red);outline:0}
.sa-main details.grounds[open]>.sa-list{padding-bottom:18px}
.sa-main .sentence b.lb{text-align:left}