.hero:where(.astro-smntqiuv){padding-block:6rem 3rem}.eyebrow:where(.astro-smntqiuv){color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.08em;font-size:.75rem}h1:where(.astro-smntqiuv){letter-spacing:-.035em;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.15}h1:where(.astro-smntqiuv) span:where(.astro-smntqiuv){color:var(--color-accent)}.intro:where(.astro-smntqiuv),.section-intro:where(.astro-smntqiuv){max-width:760px;color:var(--color-muted);font-size:1.1rem}.operational-status:where(.astro-smntqiuv){color:var(--color-accent);font-family:var(--font-mono);align-items:center;gap:.6rem;margin-top:1.5rem;font-size:.85rem;display:inline-flex}.status-dot:where(.astro-smntqiuv){background:var(--color-accent);border-radius:50%;width:9px;height:9px}.section:where(.astro-smntqiuv){padding-top:5rem}.section:where(.astro-smntqiuv) h2:where(.astro-smntqiuv){font-size:clamp(1.6rem,3vw,2.2rem)}.topology:where(.astro-smntqiuv){background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;align-items:center;margin-top:2.5rem;padding:2rem;display:flex}.topology-node:where(.astro-smntqiuv){text-align:center;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;width:min(100%,360px);padding:1.25rem;display:flex}.topology-node:where(.astro-smntqiuv) span:where(.astro-smntqiuv){color:var(--color-muted);font-size:.85rem}.topology-arrow:where(.astro-smntqiuv){color:var(--color-accent);padding:.35rem;font-size:1.5rem}.topology-endpoints:where(.astro-smntqiuv){grid-template-columns:repeat(2,1fr);gap:.75rem;width:min(100%,580px);display:grid}.topology-endpoints:where(.astro-smntqiuv) div:where(.astro-smntqiuv){text-align:center;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:8px;padding:1rem;font-size:.9rem}.vlan-grid:where(.astro-smntqiuv),.system-grid:where(.astro-smntqiuv),.roadmap-grid:where(.astro-smntqiuv){grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2rem;display:grid}article:where(.astro-smntqiuv){background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}article:where(.astro-smntqiuv) h3:where(.astro-smntqiuv){margin-bottom:.6rem}article:where(.astro-smntqiuv) p:where(.astro-smntqiuv){color:var(--color-muted)}.vlan-top:where(.astro-smntqiuv){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.vlan-id:where(.astro-smntqiuv),.technologies:where(.astro-smntqiuv),.roadmap-card:where(.astro-smntqiuv)>span:where(.astro-smntqiuv){font-family:var(--font-mono);color:var(--color-accent);font-size:.75rem}.vlan-status:where(.astro-smntqiuv){color:var(--color-accent);font-size:.72rem}.vlan-role:where(.astro-smntqiuv){color:var(--color-accent);font-size:.9rem}.vlan-card--superseded:where(.astro-smntqiuv){background:var(--color-surface-alt);border-style:dashed}.vlan-status--superseded:where(.astro-smntqiuv){color:var(--color-muted)}.decision-note:where(.astro-smntqiuv){background:var(--color-surface);border:1px dashed var(--color-border);border-radius:12px;margin-top:2rem;padding:2rem}.decision-note:where(.astro-smntqiuv) a:where(.astro-smntqiuv){font-weight:600}.technologies:where(.astro-smntqiuv){margin-top:1rem;display:block}.roadmap-grid:where(.astro-smntqiuv){grid-template-columns:repeat(2,minmax(0,1fr))}.closing:where(.astro-smntqiuv){padding-bottom:3rem}.actions:where(.astro-smntqiuv){flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.primary-button:where(.astro-smntqiuv){background:var(--color-accent);color:var(--color-bg);border-radius:8px;padding:.85rem 1.25rem;font-weight:700;text-decoration:none}@media (width<=850px){.vlan-grid:where(.astro-smntqiuv),.system-grid:where(.astro-smntqiuv){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.hero:where(.astro-smntqiuv){padding-block:3rem}.vlan-grid:where(.astro-smntqiuv),.system-grid:where(.astro-smntqiuv),.roadmap-grid:where(.astro-smntqiuv),.topology-endpoints:where(.astro-smntqiuv){grid-template-columns:1fr}.topology:where(.astro-smntqiuv){padding:1rem}.decision-note:where(.astro-smntqiuv){padding:1.5rem}}
