@font-face{font-family:Inter;src:url(/fonts/inter-variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--canvas: #FAFAFA;--canvas-raised: #FFFFFF;--canvas-sunken: #F0F0F0;--ink-primary: #171717;--ink-secondary: #525252;--ink-tertiary: #A3A3A3;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-subtle: #EFF6FF;--success: #16A34A;--error: #DC2626;--warning: #D97706;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-interactive: 6px;--radius-structural: 8px;--shadow-subtle: 0 1px 2px rgba(0,0,0,.05);--shadow-medium: 0 4px 12px rgba(0,0,0,.08);--duration-micro: .15s;--duration-layout: .2s;--ease: cubic-bezier(0, 0, .2, 1);--font-content: "Inter", system-ui, -apple-system, sans-serif;--font-code: "JetBrains Mono", ui-monospace, "Cascadia Code", "Fira Code", monospace}[data-theme=dark]{--canvas: #111111;--canvas-raised: #1A1A1A;--canvas-sunken: #0A0A0A;--ink-primary: #EDEDED;--ink-secondary: #A3A3A3;--ink-tertiary: #525252;--accent: #60A5FA;--accent-hover: #93BBFD;--accent-subtle: #172554;--success: #4ADE80;--error: #F87171;--warning: #FBBF24;--shadow-subtle: 0 1px 2px rgba(0,0,0,.2);--shadow-medium: 0 4px 12px rgba(0,0,0,.3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-content);font-size:1.0625rem;line-height:1.7;color:var(--ink-primary);background-color:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-wrapper{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.content-column{max-width:72ch}.content-column.centered{margin:0 auto}h1{font-size:2.25rem;font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--ink-primary);margin-bottom:var(--space-lg)}h2{font-size:1.5rem;font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--ink-primary);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}h3{font-size:1.25rem;font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--ink-primary);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md);color:var(--ink-primary)}a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-micro) var(--ease)}a:hover{color:var(--accent-hover)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}small,.caption{font-size:.875rem;line-height:1.5;letter-spacing:.01em;color:var(--ink-secondary)}strong{font-weight:600}ul,ol{margin:var(--space-md) 0;padding-left:var(--space-lg)}li{margin-bottom:var(--space-sm);color:var(--ink-primary)}li::marker{color:var(--ink-tertiary)}hr{border:none;height:1px;background:var(--ink-tertiary);margin:var(--space-2xl) 0}.skip-link{position:absolute;top:-100%;left:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--accent);color:#fff;border-radius:var(--radius-interactive);font-size:.875rem;font-weight:500;text-decoration:none;z-index:100}.skip-link:focus{top:var(--space-sm)}header{position:sticky;top:0;z-index:50;background-color:var(--canvas);border-bottom:1px solid var(--ink-tertiary)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.site-name{font-size:1.0625rem;font-weight:700;color:var(--ink-primary);text-decoration:none;letter-spacing:-.02em}.site-name:hover{color:var(--ink-primary)}nav{display:flex;align-items:center;gap:var(--space-lg)}nav a{font-size:.875rem;font-weight:400;color:var(--ink-secondary);text-decoration:none;transition:color var(--duration-micro) var(--ease)}nav a:hover{color:var(--accent)}nav a.active{color:var(--ink-primary);font-weight:600}.theme-toggle{background:none;border:1px solid var(--ink-tertiary);border-radius:var(--radius-interactive);padding:var(--space-xs) var(--space-sm);cursor:pointer;color:var(--ink-secondary);font-family:var(--font-content);font-size:.875rem;transition:color var(--duration-micro) var(--ease),border-color var(--duration-micro) var(--ease);min-width:44px;min-height:36px;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{color:var(--ink-primary);border-color:var(--ink-secondary)}.hero{padding:var(--space-3xl) 0 var(--space-2xl)}.hero .subtitle{font-size:1.25rem;line-height:1.5;color:var(--ink-secondary);max-width:60ch;margin-bottom:var(--space-xl)}.hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);font-size:.875rem;color:var(--ink-secondary)}.badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-interactive);vertical-align:middle}.badge-validated{background-color:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.badge-supported{background-color:var(--accent-subtle);color:var(--accent)}.badge-emerging{background-color:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning)}.badge-forward{background-color:color-mix(in srgb,var(--ink-tertiary) 15%,transparent);color:var(--ink-secondary)}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.guide-card{background:var(--canvas-raised);border:1px solid var(--ink-tertiary);border-radius:var(--radius-structural);padding:var(--space-lg);box-shadow:var(--shadow-subtle);text-decoration:none;color:inherit;transition:box-shadow var(--duration-micro) var(--ease),border-color var(--duration-micro) var(--ease);display:flex;flex-direction:column;gap:var(--space-sm)}.guide-card:hover{box-shadow:var(--shadow-medium);border-color:var(--ink-secondary);color:inherit}.guide-card-number{font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.guide-card h3{margin:0;font-size:1.125rem}.guide-card p{font-size:.9375rem;color:var(--ink-secondary);margin:0;line-height:1.6}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);margin:var(--space-xl) 0}.tool-card{background:var(--canvas-raised);border:1px solid var(--ink-tertiary);border-radius:var(--radius-structural);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-subtle);text-decoration:none;color:inherit;transition:box-shadow var(--duration-micro) var(--ease),border-color var(--duration-micro) var(--ease)}.tool-card:hover{box-shadow:var(--shadow-medium);border-color:var(--ink-secondary);color:inherit}.tool-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-xs)}.tool-card-name{font-size:1rem;font-weight:600;color:var(--ink-primary)}.tool-card-badge{font-size:.6875rem;font-weight:600;color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent);padding:2px 6px;border-radius:var(--radius-interactive);white-space:nowrap}.tool-card p{font-size:.875rem;color:var(--ink-secondary);margin:0;line-height:1.5}.callout{border-left:3px solid var(--accent);background:var(--canvas-raised);padding:var(--space-md);border-radius:0 var(--radius-structural) var(--radius-structural) 0;margin:var(--space-lg) 0}.callout p{margin-bottom:0}.callout p+p{margin-top:var(--space-sm)}.callout-validated{border-left-color:var(--success)}.callout-supported{border-left-color:var(--accent)}.callout-emerging{border-left-color:var(--warning)}.callout-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.callout-validated .callout-label{color:var(--success)}.callout-supported .callout-label{color:var(--accent)}.callout-emerging .callout-label{color:var(--warning)}.astro-code{background:var(--canvas-raised)!important;border:1px solid var(--ink-tertiary);border-radius:var(--radius-structural);padding:var(--space-md);overflow-x:auto;margin:var(--space-lg) 0;font-size:.9375rem;line-height:1.6}[data-theme=dark] .astro-code{background:var(--canvas-raised)!important}code{font-family:var(--font-code);font-size:.875rem;font-weight:400;background:var(--canvas-sunken);padding:1px 6px;border-radius:var(--radius-interactive);color:var(--ink-primary)}pre code{background:none;padding:0;border-radius:0;font-size:.9375rem}.table-wrapper{overflow-x:auto;margin:var(--space-lg) 0;border-radius:var(--radius-structural);border:1px solid var(--ink-tertiary)}table{width:100%;border-collapse:collapse;font-size:.9375rem}th{text-align:left;font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-secondary);padding:var(--space-sm) var(--space-md);background:var(--canvas-sunken);border-bottom:1px solid var(--ink-tertiary)}td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid color-mix(in srgb,var(--ink-tertiary) 40%,transparent);color:var(--ink-primary)}tr:last-child td{border-bottom:none}.section-label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-secondary);margin-bottom:var(--space-md)}.guide-content{padding:var(--space-2xl) 0 var(--space-3xl)}.guide-header{margin-bottom:var(--space-xl)}.guide-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);font-size:.875rem;color:var(--ink-secondary);margin-top:var(--space-md)}footer{margin-top:var(--space-3xl);padding:var(--space-xl) 0;border-top:1px solid var(--ink-tertiary)}.footer-inner{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--space-md)}.footer-left{color:var(--ink-secondary);font-size:.875rem;line-height:1.6}.footer-right{display:flex;gap:var(--space-lg);font-size:.875rem}.footer-right a{color:var(--ink-secondary);text-decoration:none}.footer-right a:hover{color:var(--accent)}@media(max-width:639px){h1{font-size:1.75rem}h2{font-size:1.25rem}.header-inner{height:48px}nav{gap:var(--space-md)}nav a{font-size:.8125rem}.guide-grid,.tool-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}.hero{padding:var(--space-2xl) 0 var(--space-xl)}}