.diagram:where(.astro-giqfakec){position:relative;padding:24px;border-radius:10px}.diagram:where(.astro-giqfakec):before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:32px 32px;opacity:.6;pointer-events:none;border-radius:inherit}.defs:where(.astro-giqfakec){position:absolute}.grid:where(.astro-giqfakec){position:relative;display:grid;grid-template-columns:316fr 60fr 316fr 60fr 316fr;grid-template-rows:auto auto;align-items:start;column-gap:0;row-gap:22px}.sheet-a:where(.astro-giqfakec){grid-column:1;grid-row:1}.connector-1:where(.astro-giqfakec){grid-column:2;grid-row:1}.sheet-b:where(.astro-giqfakec){grid-column:3;grid-row:1}.connector-2:where(.astro-giqfakec){grid-column:4;grid-row:1}.sheet-c:where(.astro-giqfakec){grid-column:5;grid-row:1}.dimension-a:where(.astro-giqfakec){grid-column:1;grid-row:2}.dimension-b:where(.astro-giqfakec){grid-column:3;grid-row:2}.dimension-c:where(.astro-giqfakec){grid-column:5;grid-row:2}.sheet:where(.astro-giqfakec),.connector-across:where(.astro-giqfakec),.connector-down:where(.astro-giqfakec){display:block;width:100%;height:auto}.connector-down:where(.astro-giqfakec){display:none}.dimension:where(.astro-giqfakec){position:relative;padding-top:12px;border-top:1px solid var(--ui-muted);font:400 11.5px var(--font-mono);letter-spacing:.03em;color:var(--text-muted);text-align:center}.dimension:where(.astro-giqfakec):before,.dimension:where(.astro-giqfakec):after{content:"";position:absolute;top:-5px;width:1px;height:10px;background:var(--ui-muted)}.dimension:where(.astro-giqfakec):before{left:0}.dimension:where(.astro-giqfakec):after{right:0}.t-title:where(.astro-giqfakec){font:600 17px var(--font-sans);fill:var(--text-primary)}.t-sub:where(.astro-giqfakec){font:500 12.5px var(--font-sans);fill:var(--text-muted)}.t-body:where(.astro-giqfakec){font:400 12.5px var(--font-sans);fill:var(--text-secondary)}.t-chip:where(.astro-giqfakec){font:500 10.5px var(--font-mono);fill:var(--text-secondary);letter-spacing:.03em}.t-chip-accent:where(.astro-giqfakec){font:500 10.5px var(--font-mono);fill:var(--accent-link);letter-spacing:.03em}.t-mono:where(.astro-giqfakec){font:500 12.5px var(--font-mono);fill:var(--text-primary)}.t-mono-muted:where(.astro-giqfakec){font:400 11px var(--font-mono);fill:var(--text-muted)}.t-mono-s:where(.astro-giqfakec){font:600 11.5px var(--font-mono);fill:var(--text-primary)}.t-mono-xs:where(.astro-giqfakec){font:400 11px var(--font-mono);fill:var(--text-secondary)}.t-code:where(.astro-giqfakec){font:400 10px var(--font-mono);fill:var(--text-primary);white-space:pre}.t-code-muted:where(.astro-giqfakec){font:400 10px var(--font-mono);fill:var(--text-muted);white-space:pre}.t-code-flush:where(.astro-giqfakec){white-space:normal}.t-kv:where(.astro-giqfakec){font:400 12px var(--font-sans);fill:var(--text-primary)}.t-kv:where(.astro-giqfakec) .t-k:where(.astro-giqfakec){fill:var(--text-muted);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.03em}.t-kv-muted:where(.astro-giqfakec){font:400 11.5px var(--font-sans);fill:var(--text-muted)}.card:where(.astro-giqfakec){fill:var(--bg-secondary);stroke:var(--border)}.chip:where(.astro-giqfakec){fill:var(--bg-primary);stroke:var(--border)}.source-box:where(.astro-giqfakec){fill:var(--bg-primary);stroke:var(--ui-muted)}.hub-box:where(.astro-giqfakec){fill:var(--bg-secondary);stroke:var(--text-secondary)}.code-box:where(.astro-giqfakec){fill:var(--bg-primary)}.rule:where(.astro-giqfakec){stroke:var(--border)}.edge:where(.astro-giqfakec){stroke:var(--text-secondary);stroke-width:1.4;fill:none}.arrow:where(.astro-giqfakec){fill:var(--text-secondary)}.hl-fill:where(.astro-giqfakec){fill:var(--wash)}.hl-bar:where(.astro-giqfakec){fill:var(--accent-primary)}.sheet:where(.astro-giqfakec){opacity:0;transform:translateY(10px);animation:dg-rise .55s cubic-bezier(.2,.7,.2,1) forwards}.sheet-a:where(.astro-giqfakec){animation-delay:.05s}.sheet-b:where(.astro-giqfakec){animation-delay:.25s}.sheet-c:where(.astro-giqfakec){animation-delay:.45s}.link:where(.astro-giqfakec){stroke:var(--text-secondary);stroke-width:1.5;fill:none;stroke-dasharray:70;stroke-dashoffset:70;animation:dg-draw .5s ease-out forwards}.link-1:where(.astro-giqfakec){animation-delay:.9s}.link-2:where(.astro-giqfakec){animation-delay:1.9s}.hl:where(.astro-giqfakec){opacity:0;animation:dg-in .35s ease-out forwards}.hl-a:where(.astro-giqfakec){animation-delay:.8s}.hl-b:where(.astro-giqfakec){animation-delay:1.7s}.hl-c:where(.astro-giqfakec){animation-delay:2.7s}.dot:where(.astro-giqfakec){--dot-travel: translateX(58px);opacity:0;fill:var(--accent-primary);animation:dg-dot .65s ease-in-out forwards}.connector-down:where(.astro-giqfakec) .dot:where(.astro-giqfakec){--dot-travel: translateY(58px)}.dot-1:where(.astro-giqfakec){animation-delay:1.05s}.dot-2:where(.astro-giqfakec){animation-delay:2.05s}.dimension:where(.astro-giqfakec){opacity:0;animation:dg-in .5s ease-out 3.1s forwards}@keyframes dg-rise{to{opacity:1;transform:translateY(0)}}@keyframes dg-draw{to{stroke-dashoffset:0}}@keyframes dg-in{to{opacity:1}}@keyframes dg-dot{0%{opacity:0;transform:translate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:var(--dot-travel)}}@media(prefers-reduced-motion:reduce){.sheet:where(.astro-giqfakec),.link:where(.astro-giqfakec),.hl:where(.astro-giqfakec),.dimension:where(.astro-giqfakec){animation:none;opacity:1;transform:none;stroke-dashoffset:0}.dot:where(.astro-giqfakec){animation:none;opacity:0}}@media(max-width:700px){.grid:where(.astro-giqfakec){grid-template-columns:1fr;grid-template-rows:none}.sheet:where(.astro-giqfakec),.connector:where(.astro-giqfakec),.dimension:where(.astro-giqfakec){grid-column:auto;grid-row:auto}.sheet-a:where(.astro-giqfakec){order:1}.dimension-a:where(.astro-giqfakec){order:2}.connector-1:where(.astro-giqfakec){order:3}.sheet-b:where(.astro-giqfakec){order:4}.dimension-b:where(.astro-giqfakec){order:5}.connector-2:where(.astro-giqfakec){order:6}.sheet-c:where(.astro-giqfakec){order:7}.dimension-c:where(.astro-giqfakec){order:8}.connector-across:where(.astro-giqfakec){display:none}.connector-down:where(.astro-giqfakec){display:block}}.home{--home-measure: 760px;--band-max: 1120px;--wash: color-mix(in srgb, var(--accent-primary) 18%, transparent);display:flex;flex-direction:column;gap:96px}.page-main.home{padding-top:72px}.hero,.prose,.closing{max-width:var(--home-measure)}.band{position:relative;width:min(var(--band-max),100vw - 2 * var(--shell-gutter));left:50%;transform:translate(-50%)}.section-title{font-family:var(--font-sans);font-size:clamp(26px,3.6vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--text-primary);margin:0 0 16px}.section-title .second{color:var(--text-secondary)}.section-body{font-family:var(--font-sans);font-size:clamp(15px,2vw,17px);color:var(--text-secondary);line-height:1.6;margin:0}.hero-kicker{font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;color:var(--accent-link);margin:0 0 18px}.tagline{font-family:var(--font-sans);font-size:clamp(36px,6vw,56px);font-weight:600;letter-spacing:-.035em;line-height:1.02;color:var(--text-primary);margin:0 0 22px}.tagline-secondary{color:var(--text-secondary)}.description{font-family:var(--font-sans);font-size:clamp(15px,2vw,17px);color:var(--text-secondary);line-height:1.55;margin:0}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.cta-primary,.cta-secondary{font-family:var(--font-sans);font-size:15px;font-weight:500;text-decoration:none;padding:11px 20px;border-radius:8px;transition:background .15s,color .15s,border-color .15s}.cta-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.cta-primary:hover{background:var(--btn-primary-bg-hover)}.cta-secondary{color:var(--text-primary);border:1px solid var(--border);background:var(--bg-secondary)}.cta-secondary:hover{border-color:var(--ui-muted)}.cta-primary:focus-visible,.cta-secondary:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:3px}.hero-note{font-family:var(--font-sans);font-size:14px;color:var(--text-muted);margin:18px 0 0}.hero-note a{color:var(--accent-link);text-decoration:none;border-bottom:1px solid rgba(180,83,9,.4)}.hero-figure{margin:-48px 0 0}.hero-figure figcaption{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);margin-top:14px;text-align:center;letter-spacing:.02em}.platform-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.platform-strip .now{color:var(--accent-link);font-weight:600;letter-spacing:.02em}.platform-strip .next{color:var(--text-muted)}.platform-strip .sep{color:var(--ui-muted)}.places{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.place{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px}.place svg{flex:0 0 auto;width:36px;height:36px;stroke:var(--text-secondary);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.place .mark{fill:var(--accent-primary);stroke:none}.place strong{display:block;font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.place span{font-family:var(--font-sans);font-size:13.5px;color:var(--text-secondary);line-height:1.45}.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin:26px 0}.tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 14px 12px;font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--text-secondary);cursor:pointer;transition:color .15s,border-color .15s}.tab:hover{color:var(--text-primary)}.tab[aria-selected=true]{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.tab .n{color:var(--text-muted);margin-right:8px}.panel{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,2fr);gap:36px;align-items:start}.panel[hidden]{display:none}.panel+.panel{margin-top:36px}.frame{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #1e232b0a}.frame-bar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.frame-bar i{width:9px;height:9px;border-radius:50%;background:var(--ui-muted);display:inline-block}.frame-bar span{margin-left:6px}.frame img{display:block;width:100%;height:auto}.panel-copy h3{font-family:var(--font-sans);font-size:21px;font-weight:600;letter-spacing:-.015em;line-height:1.2;color:var(--text-primary);margin:6px 0 12px}.panel-copy p{font-family:var(--font-sans);margin:0 0 14px;color:var(--text-secondary);font-size:15.5px}.panel-copy .facts{font-family:var(--font-mono);font-size:12.5px;color:var(--text-muted);line-height:1.7;margin:0 0 16px;padding-left:12px;border-left:2px solid var(--accent-primary)}.panel-copy a{font-family:var(--font-sans);color:var(--accent-link);text-decoration:none;border-bottom:1px solid rgba(180,83,9,.4);font-size:14.5px}.paths{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.path{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:22px 24px 20px}.path-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.path-head svg{width:30px;height:30px;stroke:var(--text-secondary);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.path-head .mark{fill:var(--accent-primary);stroke:none}.path h3{font-family:var(--font-sans);font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.path ol{margin:0;padding-left:0;list-style:none;counter-reset:step}.path li{position:relative;padding-left:34px;margin:0 0 10px;font-family:var(--font-sans);font-size:14.5px;color:var(--text-secondary);counter-increment:step}.path li:before{content:counter(step);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;border:1px solid var(--border);font-family:var(--font-mono);font-size:11px;display:grid;place-items:center;color:var(--text-primary);background:var(--bg-primary)}.path li strong{color:var(--text-primary);font-weight:600}.paths-meet{font-family:var(--font-sans);margin:22px 0 0;font-size:16px;color:var(--text-primary)}.gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.code-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.code-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.code-head b{color:var(--text-primary);font-weight:600}.code-card pre{margin:0;padding:14px 0 16px;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--text-primary);overflow-x:auto}.code-card .ln{display:block;padding:0 14px 0 44px;position:relative;white-space:pre;tab-size:4}.code-card .ln:before{content:attr(data-n);position:absolute;left:14px;width:20px;text-align:right;color:var(--ui-muted)}.code-card .ln[hidden]{display:none}.with-maintenance .code-card .ln.extra{display:block;background:var(--wash);box-shadow:inset 3px 0 0 var(--accent-primary)}.gen-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}.toggle{appearance:none;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font:500 14px var(--font-sans);padding:9px 16px;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.toggle:hover{border-color:var(--ui-muted)}.with-maintenance .toggle{border-color:var(--accent-link)}.gen-controls .hint{font-family:var(--font-sans);font-size:14px;color:var(--text-muted)}.learn{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:40px;margin-top:26px;align-items:start}.featured{display:block;text-decoration:none;color:inherit;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.featured img{display:block;width:100%;height:auto}.featured-body{padding:16px 20px 18px}.featured-body .meta,.learn-meta{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin:0 0 6px}.featured-body h3{font-family:var(--font-sans);font-size:20px;margin:0 0 8px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.featured-body p{font-family:var(--font-sans);margin:0;color:var(--text-secondary);font-size:14.5px}.learn-list{list-style:none;margin:0;padding:0}.learn-list li{padding:12px 0;border-bottom:1px solid var(--border)}.learn-list li:first-child{padding-top:0}.learn-list a{font-family:var(--font-sans);text-decoration:none;color:var(--text-primary);font-weight:600;font-size:15.5px}.learn-list a:hover{color:var(--accent-secondary)}.learn-list p{margin:2px 0 0}.all-posts{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:13px;color:var(--accent-link);text-decoration:none}.docs-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.tile{font-family:var(--font-sans);text-decoration:none;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:14px 16px;font-size:14.5px;font-weight:600;transition:border-color .15s}.tile:hover{border-color:var(--ui-muted)}.tile small{display:block;font-family:var(--font-mono);font-size:11.5px;font-weight:400;color:var(--text-muted);margin-top:3px;letter-spacing:.02em}.closing{border-top:1px solid var(--border);padding-top:56px}.closing h2{font-family:var(--font-sans);font-size:clamp(28px,4vw,40px);font-weight:600;letter-spacing:-.03em;line-height:1.06;color:var(--text-primary);margin:0 0 14px}.closing p{font-family:var(--font-sans);margin:0;color:var(--text-secondary);font-size:17px}.tab:focus-visible,.toggle:focus-visible,.tile:focus-visible,.featured:focus-visible,.learn-list a:focus-visible,.all-posts:focus-visible,.hero-note a:focus-visible,.panel-copy a:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:3px}@media(max-width:900px){.home{gap:72px}.page-main.home{padding-top:56px}.panel,.paths,.gen-grid,.learn,.places{grid-template-columns:1fr}.docs-tiles{grid-template-columns:1fr 1fr}}@media(max-width:600px){.home{gap:56px}.page-main.home{padding-top:40px}.docs-tiles{grid-template-columns:1fr}.band{width:100%;left:auto;transform:none}.tab{padding:8px 10px 10px}}
