/* swarm pages · WEBSITE lane 5 Nov 2026 · sits on top of centera.css */
.sw-hero { padding-block: var(--space-8, 64px) var(--space-6); }
.sw-hero .hero-title { font-size: var(--step-4); }
.sw-hero .crumbs { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 0; font-size: var(--step--1); color: var(--muted); }
.sw-hero .crumbs li + li::before { content: "/"; margin-right: 6px; opacity: .6; }
.sw-hero .crumbs a { color: var(--bone-2); }
.sw-sec + .sw-sec { margin-top: var(--space-6); }
.sw-sec h2 { font-size: var(--step-3); margin-bottom: var(--space-3); }
.sw-sec p, .sw-sec li { color: var(--bone-2); line-height: 1.65; }
.sw-sec p + p { margin-top: var(--space-3); }
.sw-sec ul, .sw-sec ol { padding-left: 1.2em; margin-top: var(--space-3); display: grid; gap: var(--space-2); }
.sw-sec strong { color: var(--bone); }
.sw-note { margin-top: var(--space-4); padding: var(--space-4); border-left: 3px solid var(--ember-line); background: var(--ember-tint); border-radius: 8px; }
.sw-related { display: grid; gap: var(--space-5); grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin-top: var(--space-5); }
.sw-links h3 { font-size: var(--step-1); margin-bottom: var(--space-2); }
.sw-links ul { list-style: none; padding: 0; display: grid; gap: var(--space-2); }
.sw-links a { display: inline-flex; min-height: var(--tap, 44px); align-items: center; }
.sw-hero .container, .sw-body .container, .sw-next .container { max-width: 760px; }
.sw .btn-lg { max-width: 100%; white-space: normal; text-align: center; }