/* Landing pads: this stop's own drawings (05-17 sections.pads). Shared looks are in living/explain.css. */
.tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.tab { padding: 9px 14px; border-radius: 999px; border: 1px solid var(--rule); background: #FBF8F3; font: 600 13.5px/1 var(--wum-body); color: var(--ink); cursor: pointer; transition: background 0.25s, color 0.25s, border-color 0.25s; }
.tab[aria-pressed="true"] { background: var(--ink); color: #FFF4EA; border-color: var(--ink); }
.pd-plume { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 22px; align-items: stretch; }
.pd-plume canvas { width: 100%; height: auto; aspect-ratio: 1200 / 640; border-radius: 16px; background: #120E16; display: block; }
.dread { display: grid; align-content: center; gap: 12px; padding: 22px; border-radius: 16px; background: #FBF8F3; border: 1px solid var(--rule); }
.dread h4 { margin: 0; font: 700 26px/1 var(--wum-display); text-transform: uppercase; }
.dread p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--muted); }
.pd-big { display: flex; align-items: baseline; gap: 8px; }
.pd-above, .pd-wind { width: 100%; height: auto; display: block; }
.pd-pitch { animation: pulse 3.2s ease-in-out infinite; }
.blink { animation: pulse 1.4s ease-in-out infinite; }
.dust { stroke-dasharray: 6 8; animation: flow 1.6s linear infinite; }
.pd-gust path { stroke-dasharray: 14 10; animation: flow 1.8s linear infinite; }
.pd-dust { transform-box: fill-box; transform-origin: center; animation: ping 2.6s ease-out infinite; }
@media (max-width: 960px) { .pd-plume { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .pd-pitch, .blink, .dust, .pd-gust path, .pd-dust { animation: none; } }