:root{--bg:var(--color-bg);--bg-soft:var(--color-panel);--surface:var(--color-panel);--text:var(--color-fg);--text-muted:var(--color-muted);--primary:var(--color-primary);--primary-strong:var(--color-primary-lift);--primary-soft:var(--color-tint);--border:var(--color-line);--border-soft:var(--color-line);--code-bg:var(--color-panel);--terminal-bg:var(--color-panel);--terminal-text:var(--color-fg);--cov-native:var(--color-illustration-cyan);--cov-derived:var(--color-illustration-azure);--cov-approx:var(--color-illustration-violet);--ok:var(--color-success);--warn:var(--color-warning);--mono:var(--font-family-mono)}*{box-sizing:border-box}body{flex-direction:column;min-height:100dvh;display:flex}body>main{flex:1 0 auto;width:100%;min-width:0}.skip-link{left:var(--space-4);z-index:100;background:var(--color-primary);color:var(--color-on-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font:var(--type-button);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-button);position:absolute;top:-100px}.skip-link:focus{top:var(--space-4);color:var(--color-on-primary);text-decoration:none}h1,h2,h3{text-wrap:balance}.code-wrap{border-radius:var(--radius-md);box-shadow:inset 0 0 0 var(--stroke-hairline) var(--color-line);position:relative;overflow:hidden}.terminal .code-wrap{box-shadow:none;border-radius:0;overflow:visible}.code-wrap:after{content:"›";pointer-events:none;background:var(--color-panel);border-left:var(--stroke-hairline) solid var(--color-line);width:1.75rem;color:var(--color-muted);font:700 1.3rem/1 var(--mono);opacity:0;transition:opacity var(--motion-duration-dimension) var(--motion-easing-precise);place-items:center;display:grid;position:absolute;top:0;bottom:0;right:0}.code-wrap.overflowing:after{opacity:1}.code-wrap.overflowing.at-end:after{opacity:0}.code-wrap .d-copy{z-index:1;transition:opacity var(--motion-duration-dimension) var(--motion-easing-precise), color var(--motion-duration-dimension) var(--motion-easing-precise), border-color var(--motion-duration-dimension) var(--motion-easing-precise)}.code-wrap:hover>.d-copy{opacity:1}.code-wrap.overflowing:not(.at-end)>.d-copy{right:calc(1.75rem + 8px)}.sw{border-radius:var(--radius-sm);background:var(--c);border:var(--stroke-hairline) solid var(--color-line);vertical-align:-.12em;width:.95em;height:.95em;margin-right:.3em;display:inline-block}.pal{border-radius:var(--radius-md);height:2.3rem;margin:.8rem 0;display:flex;overflow:hidden}.pal span{background:var(--c);flex:1;position:relative}.pal span:after{content:attr(data-l);text-align:center;color:oklch(100% 0 0/.9);text-shadow:0 1px 2px oklch(0% 0 0/.55);font-size:.6rem;font-family:var(--mono);position:absolute;inset:auto 0 2px}.badge{letter-spacing:.04em;vertical-align:middle;text-transform:uppercase;border-radius:99px;padding:.08rem .55rem;font-size:.68rem;font-weight:700;display:inline-block}.badge.live{background:color-mix(in oklch, var(--ok) 18%, transparent);color:var(--ok)}.badge.spec{background:color-mix(in oklch, var(--warn) 20%, transparent);color:color-mix(in oklch, var(--warn) 70%, var(--text))}.callout{border:1px solid var(--border-soft);border-left:3px solid var(--primary);background:var(--bg-soft);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:1.3rem 0;padding:.75rem 1.1rem}.callout.warn{border-left-color:var(--warn)}.callout>:first-child{margin-top:.2rem}.callout>:last-child{margin-bottom:.2rem}.callout.live-demos{border-left-color:var(--cov-native)}.callout.live-demos p{margin:.25rem 0 0;font-size:.92rem}.callout.live-demos a{font-weight:600}.callout-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.8rem;font-weight:700}.flow{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:.45rem;margin:1.3rem 0;font-size:.8rem;display:flex}.flow .fnode{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);white-space:nowrap;padding:.35rem .7rem}.flow .fnode.hi{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong);font-weight:600}.flow .fnode.dim{color:var(--text-muted);border-style:dashed}.flow .farr{color:var(--text-muted)}.flow .fgroup{flex-direction:column;gap:.35rem;display:flex}.tiers{flex-direction:column;gap:0;max-width:34rem;margin:1.3rem 0;display:flex}.tiers .tier{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);grid-template-columns:7.5rem 1fr;align-items:baseline;gap:.2rem 1rem;padding:.7rem 1rem;display:grid}.tiers .tier.public{border-color:var(--primary);background:var(--primary-soft)}.tiers .tier-name{font-family:var(--mono);font-size:.85rem;font-weight:700}.tiers .tier-desc{color:var(--text-muted);grid-column:2;font-size:.85rem}.tiers .tier-ex{font-family:var(--mono);grid-column:2;font-size:.78rem}.tiers .tier-link{text-align:center;color:var(--text-muted);font-size:.78rem;font-family:var(--mono);padding:.15rem 0}.paths{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.9rem;margin:1.3rem 0;display:grid}.paths a{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);padding:.9rem 1.1rem;display:block}.paths a:hover{border-color:var(--primary);text-decoration:none}.paths .path-kicker{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);font-size:.7rem;font-weight:700}.paths .path-title{color:var(--primary);margin:.15rem 0 .25rem;font-weight:650}.paths .path-desc{color:var(--text-muted);font-size:.85rem}.swatches{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.7rem;margin:1.1rem 0;display:grid}.swatches .swatch{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.swatches .swatch i{background:var(--c);height:2.6rem;display:block}.swatches .swatch b{font-size:.8rem;font-weight:650;font-family:var(--mono);padding:.4rem .65rem .05rem;display:block}.swatches .swatch span{color:var(--text-muted);font-size:.68rem;font-family:var(--mono);font-variant-numeric:tabular-nums;padding:0 .65rem .45rem;display:block}.schema{flex-wrap:wrap;align-items:stretch;gap:.8rem;margin:1.4rem 0;display:flex}.schema .s-col{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;flex:1;gap:.25rem;min-width:11rem;padding:.9rem 1.1rem;display:flex}.schema .s-col.hi{border-color:var(--primary);background:var(--primary-soft)}.schema .s-kicker{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);font-size:.7rem;font-weight:700}.schema .s-main{font-size:.95rem;font-weight:650}.schema .s-sub{color:var(--text-muted);font-size:.8rem}.schema .s-arrow{color:var(--text-muted);align-self:center;font-size:1.3rem}@media (width<=700px){.schema{flex-direction:column}.schema .s-arrow{align-self:center;transform:rotate(90deg)}}.covmatrix{flex-direction:column;gap:.5rem;margin:1.3rem 0;display:flex}.covmatrix .cm-row{grid-template-columns:8.5rem 1fr;align-items:center;gap:.9rem;display:grid}.covmatrix .cm-name{font-family:var(--mono);font-size:.82rem;font-weight:600}.covmatrix .cm-bar{border:1px solid var(--border-soft);background:var(--bg-soft);border-radius:6px;height:1.5rem;display:flex;overflow:hidden}.covmatrix .cm-seg{height:100%}.covmatrix .cm-seg.native{background:var(--cov-native)}.covmatrix .cm-seg.derived{background:var(--cov-derived)}.covmatrix .cm-seg.approx{background:var(--cov-approx)}.covmatrix .cm-seg.other{background:color-mix(in oklch, var(--text-muted) 45%, transparent)}.covmatrix-legend{color:var(--text-muted);flex-wrap:wrap;gap:.3rem 1.3rem;margin:.4rem 0 0;font-size:.8rem;display:flex}.covmatrix-legend i{vertical-align:baseline;border-radius:3px;width:10px;height:10px;margin-right:.35rem;display:inline-block}.covmatrix-legend i.native{background:var(--cov-native)}.covmatrix-legend i.derived{background:var(--cov-derived)}.covmatrix-legend i.approx{background:var(--cov-approx)}.covmatrix-legend i.other{background:color-mix(in oklch, var(--text-muted) 45%, transparent)}.jcalls{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.9rem;margin:1.3rem 0;display:grid}.jcalls .jcall{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:.9rem 1.1rem}.jcalls .jcall.clean{border-left:3px solid var(--cov-native)}.jcalls .jcall.chose{border-left:3px solid var(--cov-approx)}.jcalls .jcall.derived{border-left:3px solid var(--cov-derived)}.jcalls .jc-slot{font-family:var(--mono);align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;display:flex}.jcalls .jc-slot .sw{margin:0}.jcalls .jc-body{color:var(--text-muted);margin-top:.4rem;font-size:.85rem}.jcalls .jc-tag{text-transform:uppercase;letter-spacing:.07em;font-size:.68rem;font-weight:700}.jcalls .jcall.clean .jc-tag{color:var(--cov-native)}.jcalls .jcall.chose .jc-tag{color:var(--cov-approx)}.jcalls .jcall.derived .jc-tag{color:var(--cov-derived)}.prov{font-family:var(--mono);white-space:nowrap;border-radius:99px;padding:.05rem .5rem;font-size:.75rem;font-weight:600}.prov.native,.prov.authored{background:color-mix(in oklch, var(--cov-native) 16%, transparent);color:var(--cov-native)}.prov.derived{background:color-mix(in oklch, var(--cov-derived) 14%, transparent);color:var(--cov-derived)}.prov.approx{background:color-mix(in oklch, var(--cov-approx) 18%, transparent);color:var(--cov-approx)}.d-prose figure{margin:1.8rem 0}.d-prose figure a:hover{text-decoration:none}.d-prose figure img{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;display:block}.d-prose figcaption{color:var(--text-muted);margin-top:.65rem;font-size:.88rem;line-height:1.55}