/* Talking to Earth: this stop's own drawings (05-17 sections.comms). Shared looks are in living/explain.css. */
.rlabel { width: fit-content; max-width: 100%; margin: 0 0 10px; padding: 9px 14px; border-radius: 12px; background: rgba(255,252,247,0.86); font: 700 clamp(18px, 2vw, 24px)/1.2 var(--wum-display); text-transform: uppercase; color: var(--ink); }
.reachfig svg { width: 100%; height: auto; display: block; border-radius: 14px; }
.rtabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.rtab { padding: 9px 14px; border-radius: 999px; border: 1px solid var(--rule); background: rgba(255,252,247,0.86); font: 600 13.5px/1 var(--wum-body); color: var(--ink); cursor: pointer; transition: background 0.25s, color 0.25s; }
.rtab[aria-pressed="true"] { background: var(--ink); color: #FFF4EA; border-color: var(--ink); }
.reachfig .suit, .reachfig .los, .reachfig .mastline, .reachfig .anttop { transition: all 0.8s cubic-bezier(.3,.7,.2,1); }
.step .blink { animation: cm-blink 1.4s steps(2) infinite; }
.step .fibre { animation: cm-flow 1.2s linear infinite; }
@keyframes cm-blink { 50% { opacity: 0.15; } }
@keyframes cm-flow { to { stroke-dashoffset: -36; } }
.orbfig { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr); gap: 22px; align-items: center; }
.orbfig svg, .mastfig svg { width: 100%; height: auto; display: block; }
.orb-txt { display: grid; gap: 8px; }
.orb-txt b { font: 700 24px/1.15 var(--wum-display); text-transform: uppercase; color: #FFE3A0; }
.orb-txt span { font: 600 12px/1.3 var(--wum-mono); letter-spacing: 0.1em; text-transform: uppercase; }
.mastfig .note, .orb-txt .note { margin: 10px 0 0; }
.mastfig .ring { animation: cm-ring 3s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.mastfig .you { animation: cm-ring 1.6s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
@keyframes cm-ring { 50% { stroke-opacity: 0.25; } }
@media (max-width: 960px) { .orbfig { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .step .blink, .step .fibre, .mastfig .ring, .mastfig .you { animation: none; } }