.fx { display: block; width: 100%; max-width: 440px; height: auto; margin: var(--space-5) 0; font-family: var(--sans); }
.fx--wide { max-width: none; }
.fx text { fill: var(--text); font-size: var(--font-h3); }
.fx .fx-s { font-size: var(--font-body); }
.fx .fx-b { font-weight: 700; }
.fx .fx-xl { font-size: var(--font-h2); }
.fx .fx-m { fill: var(--text-secondary); }
.fx .fx-on { fill: var(--on-accent); }
.fx .fx-card { fill: var(--surface-raised); stroke: var(--border); }
.fx .fx-sheet { fill: var(--surface-raised); stroke: var(--border-strong); stroke-width: 1px; }
.fx .fx-ghost { fill: none; stroke: var(--border); stroke-width: 1px; }
.fx .fx-ink { stroke: var(--border); stroke-linecap: round; }
.fx .fx-ink--ghost { opacity: 0.5; }
.fx .fx-frame { fill: none; stroke: var(--accent); }
.fx .fx-blue { fill: var(--accent); }
.fx .fx-bar { fill: var(--border); opacity: 0.45; }
.fx .fx-arrow { stroke: var(--text-secondary); }
.fx .fx-head { fill: var(--text-secondary); }
.fx .fx-person { fill: var(--text-secondary); }
.fx .fx-dot { fill: var(--accent); }

.wa-col { max-width: 680px; margin: 0 auto; }
.wa-lead { margin-top: var(--space-6); }
.wa-safe { margin-top: var(--space-6); }

.wa-downs { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); margin: var(--space-5) 0 0; padding: 0; list-style: none; }
.wa-down h3 { margin-top: 0; }
.wa-down ul { margin-bottom: 0; }
.wa-down .fx { margin: var(--space-4) 0 0; }
@media (min-width: 721px) {
  .wa-downs { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-7); }
}
.wa-ask li { margin-bottom: var(--space-3); }