:root{--mk-ink:#202321;--mk-muted:#626a66;--mk-line:#d6dcd8;--mk-canvas:#f2f4f3;--mk-surface:#fff;--mk-blue:#0a63ff;--mk-green:#2f725d;--mk-amber:#8b612c;--mk-shell:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.metric-knowledge-page{margin:0;color:var(--mk-ink);background:var(--mk-canvas);font-family:Inter,"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;line-height:1.6}
a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.2em}
.metric-skip{position:fixed;left:1rem;top:-5rem;z-index:20;padding:.7rem 1rem;color:#fff;background:var(--mk-ink)}
.metric-skip:focus{top:1rem}
.metric-header{min-height:68px;padding:.8rem max(1.2rem,calc((100vw - var(--mk-shell))/2));display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--mk-line);background:rgb(242 244 243 / 94%);backdrop-filter:blur(16px)}
.metric-brand{display:flex;align-items:center;gap:.8rem;font-weight:800;text-decoration:none}.metric-brand img{width:126px;height:34px;object-fit:contain}.metric-brand span{padding-left:.8rem;border-left:1px solid var(--mk-line)}
.metric-header nav{display:flex;gap:1.4rem;font-size:.9rem;font-weight:700}.metric-header nav a{text-decoration:none}.metric-header nav a:hover{color:var(--mk-blue)}
.metric-context-nav{width:min(calc(100% - 2.4rem),var(--mk-shell));margin:0 auto;padding:1rem 0;display:flex;gap:1.2rem;border-bottom:1px solid var(--mk-line);color:var(--mk-muted);font-size:.78rem;font-weight:750}.metric-context-nav a{text-decoration:none}.metric-context-nav a:hover{color:var(--mk-blue)}
.metric-hero{width:min(calc(100% - 2.4rem),var(--mk-shell));margin:0 auto;padding:clamp(4.5rem,9vw,8rem) 0 clamp(3.5rem,7vw,6rem)}
.metric-hero>p:first-child,.metric-article-hero>p{margin:0;color:var(--mk-blue);font-size:.72rem;font-weight:800;letter-spacing:.12em}
.metric-hero h1{max-width:16ch;margin:.8rem 0 0;font-size:clamp(3rem,6vw,6.2rem);line-height:.95;letter-spacing:-.065em;text-wrap:balance}
.metric-hero>p:nth-of-type(2){max-width:48rem;margin:1.4rem 0 0;color:var(--mk-muted);font-size:1.1rem}
.metric-hero aside{max-width:48rem;margin-top:2rem;padding:1rem 1.2rem;border-left:4px solid var(--mk-blue);background:#e8edf9;color:#3f4945}
.metric-profiles{width:min(calc(100% - 2.4rem),var(--mk-shell));margin:0 auto;padding:clamp(3.5rem,7vw,6rem) 0;border-top:1px solid var(--mk-line)}
.metric-profiles>header{display:grid;grid-template-columns:minmax(18rem,.75fr) minmax(25rem,1.25fr);gap:2rem;align-items:end}.metric-profiles>header>p{grid-column:1/-1;margin:0;color:var(--mk-blue);font-size:.72rem;font-weight:850;letter-spacing:.12em}.metric-profiles>header h2{max-width:16ch;margin:0;font-size:clamp(2.2rem,4.5vw,4.6rem);line-height:.98;letter-spacing:-.055em}.metric-profiles>header>span{max-width:42rem;color:var(--mk-muted)}
.metric-profile-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--mk-line);background:var(--mk-line)}.metric-profile-card{padding:1.7rem;background:var(--mk-surface)}.metric-profile-card>span{color:var(--mk-blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.metric-profile-card h3{margin:1rem 0 0;font-size:1.6rem;letter-spacing:-.04em}.metric-profile-card>p{margin:.7rem 0 1.5rem;color:var(--mk-muted)}.metric-profile-card strong,.metric-profile-card dt{color:var(--mk-muted);font-size:.68rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.metric-profile-links{margin-top:.65rem;display:flex;flex-wrap:wrap;gap:.45rem}.metric-profile-links a{padding:.35rem .5rem;border:1px solid var(--mk-line);font-size:.74rem;text-decoration:none}.metric-profile-card dl{margin:1.5rem 0 0;border-top:1px solid var(--mk-line)}.metric-profile-card dl>div{padding:.8rem 0;border-bottom:1px solid var(--mk-line)}.metric-profile-card dd{margin:.3rem 0 0}.metric-profile-card nav{margin-top:1.2rem;display:flex;gap:1rem;font-size:.78rem;font-weight:800}
.metric-stage{width:min(calc(100% - 2.4rem),var(--mk-shell));margin:0 auto;padding:clamp(3.5rem,7vw,6rem) 0;border-top:1px solid var(--mk-line)}
.metric-stage-heading{display:grid;grid-template-columns:4rem 1fr;gap:1.25rem;align-items:start}.metric-stage-heading>span{color:var(--mk-blue);font-size:1.1rem;font-weight:900}.metric-stage-heading h2{max-width:18ch;margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.05em}.metric-stage-heading p{max-width:42rem;margin:.8rem 0 0;color:var(--mk-muted)}
.metric-grid{margin-top:2.6rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--mk-line);background:var(--mk-line)}
.metric-card{min-height:18rem;padding:1.6rem;display:flex;flex-direction:column;background:var(--mk-surface)}
.metric-card>div{display:flex;align-items:center;justify-content:space-between;gap:1rem}.metric-id{color:var(--mk-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;overflow-wrap:anywhere}
.metric-card h3{margin:2.5rem 0 0;font-size:1.5rem;line-height:1.15;letter-spacing:-.035em}.metric-card h3 a{text-decoration:none}.metric-card h3 a:hover{color:var(--mk-blue)}.metric-card p{margin:.8rem 0 1.5rem;color:var(--mk-muted)}.metric-read{margin-top:auto;font-size:.83rem;font-weight:800}
.metric-status{display:inline-flex;width:max-content;padding:.28rem .5rem;border:1px solid currentColor;border-radius:999px;font-size:.65rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.metric-status-available{color:var(--mk-green)}.metric-status-beta{color:var(--mk-amber)}.metric-status-lab_validation{color:#6750a4}.metric-status-supported_device{color:#4e5c58}
.metric-breadcrumb{width:min(calc(100% - 2.4rem),960px);margin:0 auto;padding-top:1.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;color:var(--mk-muted);font-size:.78rem}.metric-breadcrumb a{text-decoration:none}.metric-breadcrumb a:hover{text-decoration:underline}.metric-breadcrumb [aria-current="page"]{color:var(--mk-ink)}
.metric-article{width:min(calc(100% - 2.4rem),960px);margin:0 auto;padding:clamp(3.5rem,7vw,7rem) 0}
.metric-article-hero{padding-bottom:clamp(3rem,6vw,5rem);border-bottom:1px solid var(--mk-ink)}.metric-article-hero>a{display:inline-block;margin-bottom:3rem;font-size:.85rem;font-weight:800}.metric-article-hero h1{max-width:15ch;margin:.8rem 0 0;font-size:clamp(3rem,7vw,6.4rem);line-height:.93;letter-spacing:-.07em;text-wrap:balance}.metric-article-hero>p:nth-of-type(2){max-width:48rem;margin:1.5rem 0 0;color:var(--mk-muted);font-size:1.15rem}.metric-article-hero>div{margin-top:2rem;display:flex;align-items:center;gap:1rem;color:var(--mk-muted);font-size:.8rem}.metric-language-note{padding:1rem;border-left:4px solid var(--mk-amber);background:#f5eddf}
.metric-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--mk-line)}.metric-facts>div{padding:1.25rem 0;border-top:1px solid var(--mk-line)}.metric-facts>div:nth-child(odd){padding-right:2rem}.metric-facts dt{color:var(--mk-muted);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.metric-facts dd{margin:.25rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;overflow-wrap:anywhere}
.metric-article-toc{margin:2rem 0 0;padding:1.4rem;border:1px solid var(--mk-line);background:var(--mk-surface)}.metric-article-toc strong{font-size:.78rem;letter-spacing:.08em}.metric-article-toc ol{margin:1rem 0 0;padding-left:1.25rem;columns:2;column-gap:2rem}.metric-article-toc li{break-inside:avoid;margin:.35rem 0;color:var(--mk-muted);font-size:.82rem}.metric-article>section,.metric-longform-section{padding:clamp(2.5rem,5vw,4.5rem) 0;border-bottom:1px solid var(--mk-line);scroll-margin-top:1rem}.metric-article section h2{max-width:19ch;margin:0;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.05;letter-spacing:-.045em}.metric-article section p,.metric-article section ul{max-width:48rem;margin:1.1rem 0 0;color:var(--mk-muted);font-size:1.02rem}.metric-article section li+li{margin-top:.55rem}.metric-limits{padding-left:1.5rem!important;border-left:5px solid var(--mk-amber);background:#f5eddf}.metric-related{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.65rem}.metric-related a{padding:.6rem .75rem;border:1px solid var(--mk-line);border-radius:.25rem;background:var(--mk-surface);font-size:.82rem;font-weight:750;text-decoration:none}.metric-related a:hover{border-color:var(--mk-blue);color:var(--mk-blue)}.metric-report-link code{display:block;max-width:100%;margin-top:1.1rem;padding:1rem;overflow:auto;border:1px solid var(--mk-line);background:var(--mk-surface)}
.metric-implementation-table{margin-top:1.5rem;border:1px solid var(--mk-line);background:var(--mk-surface)}.metric-implementation-table>div{display:grid;grid-template-columns:minmax(8rem,.32fr) minmax(0,1fr);border-bottom:1px solid var(--mk-line)}.metric-implementation-table>div:last-child{border-bottom:0}.metric-implementation-table strong,.metric-implementation-table span{padding:.8rem 1rem}.metric-implementation-table strong{background:#e9eeeb;font-size:.76rem}.metric-implementation-table span{color:var(--mk-muted);font-size:.9rem}
.metric-footer{width:min(calc(100% - 2.4rem),var(--mk-shell));margin:3rem auto 0;padding:2rem 0 3rem;display:flex;flex-wrap:wrap;gap:1.25rem;border-top:1px solid var(--mk-line);color:var(--mk-muted);font-size:.8rem}.metric-footer span{margin-left:auto}
@media(max-width:860px){.metric-grid{grid-template-columns:1fr 1fr}.metric-header nav a:first-child{display:none}}
@media(max-width:620px){.metric-header{padding-inline:1rem}.metric-brand span{display:none}.metric-header nav{font-size:.78rem}.metric-hero,.metric-profiles,.metric-stage,.metric-article,.metric-footer{width:min(calc(100% - 2rem),var(--mk-shell))}.metric-hero h1,.metric-article-hero h1{font-size:clamp(2.7rem,15vw,4.5rem)}.metric-profiles>header{grid-template-columns:1fr}.metric-profile-grid,.metric-grid{grid-template-columns:1fr}.metric-card{min-height:15rem}.metric-stage-heading{grid-template-columns:1fr}.metric-facts{grid-template-columns:1fr}.metric-facts>div:nth-child(odd){padding-right:0}.metric-article-toc ol{columns:1}.metric-implementation-table>div{grid-template-columns:1fr}.metric-implementation-table strong{padding-bottom:.3rem}.metric-implementation-table span{padding-top:.3rem}.metric-footer span{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
