.contrast-demo{--swatch-w:118px;--swatch-h:82px;--stage-min-h:168px;--dot-grid:14px;--dot-size:1px;--sample-measure:34ch;--rail-h:26px;--ball-size:18px;--track-label-w:96px;--stack-item-w:44px;--stack-item-h:52px;--ratio-w:148px;--clip-w:190px;--clip-h:84px;--layers-w:152px;--layers-h:104px;--layer-size:68px;--layer-step1:30px;--layer-step2:60px;--dur-contrast:.28s;--dur-run:2.4s;border:var(--stroke-1) solid var(--border);border-radius:var(--r3);background:var(--surface);display:block;overflow:hidden}.contrast-head{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:var(--stroke-1) solid var(--border);background:var(--bg);flex-wrap:wrap;display:flex}.contrast-canonical{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text)}.contrast-hint{font-size:var(--fs-micro);color:var(--text-3);margin-inline-start:auto}.contrast-stage{min-height:var(--stage-min-h);padding:var(--sp-6);background-color:var(--canvas);background-image:radial-gradient(var(--border-2) var(--dot-size), transparent var(--dot-size));background-size:var(--dot-grid) var(--dot-grid);box-shadow:var(--sh-canvas-inset);justify-content:center;align-items:center;display:flex}.contrast-stage[data-canvas=lift]{background-color:var(--canvas-lift);background-image:radial-gradient(var(--canvas-lift-dot) var(--dot-size), transparent var(--dot-size))}.contrast-swatch{width:var(--swatch-w);height:var(--swatch-h);background-color:var(--accent);transition:all var(--dur-contrast) var(--ease)}.contrast-text{max-width:var(--sample-measure);color:var(--text);transition:all var(--dur-contrast) var(--ease)}.contrast-stage[data-canvas=lift] .contrast-text{color:var(--canvas-lift-text)}.contrast-text[data-clamp]{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.contrast-box,.contrast-stack{border:var(--stroke-1) dashed var(--accent-ring);border-radius:var(--r1);background:var(--accent-soft);transition:all var(--dur-contrast) var(--ease)}.contrast-box>span,.contrast-stack>i{border:var(--stroke-1) solid var(--border-hi);border-radius:var(--r1);background:var(--surface-3);display:block}.contrast-box>span{padding:var(--sp-2) var(--sp-4);color:var(--text-2);font-size:var(--fs-xs);white-space:nowrap}.contrast-stack{padding:var(--sp-3);display:flex}.contrast-stack>i{width:var(--stack-item-w);height:var(--stack-item-h)}.contrast-spacing{border:var(--stroke-1) dashed var(--accent-ring);border-radius:var(--r1);background:var(--accent-soft)}.contrast-spacing>span{padding:var(--sp-2) var(--sp-4);border:var(--stroke-1) solid var(--border-hi);border-radius:var(--r1);background:var(--surface-3);color:var(--text-2);font-size:var(--fs-xs);white-space:nowrap;transition:all var(--dur-contrast) var(--ease);display:block}.contrast-ratio{width:var(--ratio-w);background-color:var(--accent);border-radius:var(--r1);transition:all var(--dur-contrast) var(--ease)}.contrast-clip{width:var(--clip-w);height:var(--clip-h);padding:var(--sp-3);border:var(--stroke-1) solid var(--border-hi);border-radius:var(--r1);background:var(--surface-3)}.contrast-clip p{color:var(--text-2);font-size:var(--fs-xs)}.contrast-layers{width:var(--layers-w);height:var(--layers-h);position:relative}.contrast-layer{width:var(--layer-size);height:var(--layer-size);padding:var(--sp-2);border-radius:var(--r1);color:var(--canvas-lift-text);font-size:var(--fs-2xs);font-weight:var(--fw-semi);justify-content:flex-start;align-items:flex-start;display:flex;position:absolute}.contrast-layer--under{z-index:1;background:var(--border-hi);inset-block-start:0;inset-inline-start:0}.contrast-layer--over{z-index:3;background:var(--text-3);inset-block-start:var(--layer-step2);inset-inline-start:var(--layer-step2)}.contrast-layer--live{background-color:var(--accent);color:var(--accent-ink);transition:all var(--dur-contrast) var(--ease);inset-block-start:var(--layer-step1);inset-inline-start:var(--layer-step1)}.contrast-control{align-items:center;gap:var(--sp-5);color:var(--text-2);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.contrast-control label{align-items:center;gap:var(--sp-2);display:flex}.contrast-values{gap:var(--sp-2);padding:var(--sp-4) var(--sp-5) 0;flex-wrap:wrap;display:flex}.contrast-values button{padding:var(--sp-2) var(--sp-3);border:var(--stroke-1) solid var(--border-2);border-radius:var(--r1);background:var(--surface-2);color:var(--text-2);cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-2xs);transition:color var(--dur-1), background var(--dur-1), border-color var(--dur-1)}.contrast-values button:hover{border-color:var(--border-hi);color:var(--text)}.contrast-values button[aria-pressed=true]{border-color:var(--accent-ring);background:var(--accent-soft);color:var(--text);font-weight:var(--fw-semi)}.contrast-values button:focus-visible{outline:var(--stroke-focus) solid var(--accent-ring);outline-offset:var(--focus-offset)}.contrast-decl{margin:var(--sp-3) var(--sp-5) var(--sp-5);padding:var(--sp-2) var(--sp-3);border:var(--stroke-1) solid var(--border);border-radius:var(--r1);background:var(--surface-2);color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-xs);word-break:break-all}.contrast-decl b{color:var(--accent-2);font-weight:var(--fw-body)}.contrast-stage[data-sample=motion]{align-items:stretch;gap:var(--sp-3);flex-direction:column}.contrast-track{align-items:center;gap:var(--sp-3);display:flex}.contrast-track>span:first-child{width:var(--track-label-w);color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-micro);flex:none}.contrast-rail{height:var(--rail-h);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);flex:1;position:relative}.contrast-ball{width:var(--ball-size);height:var(--ball-size);border-radius:var(--radius-pill);background:linear-gradient(150deg, var(--accent), var(--accent-2));animation:contrast-run var(--dur-run) infinite alternate;position:absolute;inset-block-start:calc(50% - var(--ball-size) / 2);inset-inline-start:var(--sp-1)}@keyframes contrast-run{0%{inset-inline-start:var(--sp-1)}to{inset-inline-start:calc(100% - var(--ball-size) - var(--sp-1))}}.contrast-motion-note{padding:var(--sp-3) var(--sp-5) var(--sp-5);color:var(--text-3);font-size:var(--fs-micro)}@media (prefers-reduced-motion:reduce){.contrast-ball{animation:none;inset-inline-start:calc(100% - var(--ball-size) - var(--sp-1))}.contrast-swatch,.contrast-text,.contrast-box,.contrast-stack{transition:none}}.schematic-grid{gap:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.schematic-grid[data-single=true]{grid-template-columns:minmax(0,1fr)}.schematic-cell{gap:var(--sp-3);padding:var(--pad-card);background:var(--surface);border:var(--stroke-1) solid var(--border);border-radius:var(--r3);flex-direction:column;margin:0;display:flex}.schematic-caption{align-items:center;gap:var(--sp-2);font-size:var(--fs-card-body);color:var(--text-2);display:flex}.schematic-caption b{color:var(--text)}.schematic-forms{gap:var(--sp-3);display:grid}.schematic-forms[data-mode=side-by-side]{grid-template-columns:repeat(2,minmax(0,1fr))}.schematic-canvas{padding:var(--sp-4);background:var(--surface-2);border:var(--stroke-1) solid var(--border);border-radius:var(--r2)}.schematic-form-label{margin:0 0 var(--sp-2);font-size:var(--fs-code);color:var(--text-3)}.schematic-forms[data-mode=responsive]>[data-alternate=responsive]{display:none}@container (width<=320px){.schematic-forms[data-mode=responsive]>:not([data-alternate]){display:none}.schematic-forms[data-mode=responsive]>[data-alternate=responsive]{display:block}}.schematic-cell{container-type:inline-size}.sc-group{gap:var(--sp-2);display:flex}.sc-group[data-flow=row]{flex-direction:row;align-items:center}.sc-group[data-flow=column]{flex-direction:column;align-items:stretch}.sc-group[data-flow=grid]{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sc-group[data-flow=stack]{display:grid}.sc-group[data-flow=stack]>*{grid-area:1/1}.sc-group[data-flow=stack]>*+*{margin:var(--sp-3) var(--sp-3) 0 var(--sp-4)}.sc-group[data-flow=stack]>*+*+*{margin-top:var(--sp-5)}.sc-surface{gap:var(--sp-2);padding:var(--sp-3);min-height:var(--sp-7);background:var(--surface-3);border:var(--stroke-1) solid var(--border-2);border-radius:var(--r2);flex-direction:column;display:flex}.sc-surface[data-role=scrim]{background:var(--bg);min-height:var(--sp-5);border-style:dashed}.sc-surface[data-role=opaque]{background:var(--surface);min-height:var(--sp-8);border-style:dashed}.sc-surface[data-role=host]{background:var(--bg);min-height:var(--sp-8)}.sc-surface[data-role=bar]{min-height:var(--sp-5);padding:var(--sp-2);flex-direction:row;align-items:center}.sc-surface[data-role=strip]{flex-direction:row}.sc-surface[data-role=foreign]{border-style:dashed;border-color:var(--border-hi)}.sc-surface[data-role=field]{min-height:var(--sp-6)}.sc-surface[data-role=pane],.sc-surface[data-role=viewport]{flex:1 1 0}.sc-item{align-items:center;gap:var(--sp-2);padding:var(--sp-2);background:var(--surface-2);border:var(--stroke-1) solid var(--border);border-radius:var(--r2);display:flex}.sc-item[data-state=selected]{border-color:var(--accent);background:var(--accent-soft)}.sc-item[data-role=separator]{padding:var(--sp-1);align-self:stretch}.sc-item[data-role=line]{padding:var(--sp-1);background:0 0;border:0}.sc-item[data-role=status]{padding:var(--sp-1);min-width:var(--sp-4);background:0 0;border:0}.sc-label{height:var(--sp-2);border-radius:var(--r-pill);background:var(--text-3);opacity:.45;display:block}.sc-label[data-w=sm]{width:var(--sp-7)}.sc-label[data-w=md]{width:var(--sp-9)}.sc-label[data-w=lg]{width:100%}.sc-mark{width:var(--sp-3);height:var(--sp-3);border-radius:var(--r-pill);background:var(--text-3);opacity:.55;flex:none;display:block}.sc-mark[data-kind=disclosure],.sc-mark[data-kind=tail]{clip-path:polygon(0 0,100% 50%,0 100%);border-radius:0}.sc-mark[data-kind=resize],.sc-mark[data-kind=handle]{border-radius:var(--r2)}.sc-mark[data-kind=indicator]{width:var(--sp-2);height:var(--sp-2)}.schematic-conclusion{padding:var(--sp-4);background:var(--surface-2);border:var(--stroke-1) dashed var(--border);border-radius:var(--r2)}.schematic-conclusion strong{margin-bottom:var(--sp-2);color:var(--text-2);display:block}.schematic-conclusion p{font-size:var(--fs-platform-explanation);color:var(--text-3);margin:0}@media (width<=720px){.schematic-grid,.schematic-forms[data-mode=side-by-side]{grid-template-columns:minmax(0,1fr)}}.demo-canvas,.demo-empty,.demo-image{border:var(--stroke-1) solid var(--border);border-radius:var(--r3);background:var(--canvas);box-shadow:var(--sh-canvas-inset);overflow:hidden}.demo-toolbar{min-height:var(--sp-9);justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:var(--stroke-1) solid var(--border);background:var(--bg);display:flex}.demo-platform-tabs{gap:calc(var(--sp-1) / 2);padding:calc(var(--sp-1) - var(--stroke-1));border-radius:calc(var(--r1) + var(--stroke-1));background:var(--surface-2);display:flex}.demo-platform-tab{min-height:var(--sp-7);padding-inline:var(--sp-4);border-radius:calc(var(--r1) - var(--stroke-1));color:var(--text-3);cursor:pointer;font:inherit;font-size:var(--fs-2xs);transition:color var(--dur-1), background var(--dur-1), box-shadow var(--dur-1);background:0 0;border:0}.demo-platform-tab:hover{color:var(--text)}.demo-platform-tab[aria-selected=true]{background:var(--surface);box-shadow:var(--sh-1);color:var(--accent);font-weight:var(--fw-med)}.demo-live-status{align-items:center;gap:var(--sp-2);color:var(--text-2);font-size:var(--fs-code);font-weight:var(--fw-med);letter-spacing:.05em;margin:0;display:inline-flex}.demo-live-status span{width:calc(var(--sp-2) - (var(--sp-1) / 2));height:calc(var(--sp-2) - (var(--sp-1) / 2));border-radius:var(--radius-pill);background:var(--accent);box-shadow:var(--sh-live-dot)}.demo-layout{--demo-layout-min-height:360px;--demo-facts-min-width:240px;min-height:var(--demo-layout-min-height);grid-template-columns:minmax(0, 3fr) minmax(var(--demo-facts-min-width), 2fr);display:grid}.demo-stage{min-width:0;padding:var(--sp-5);border-right:var(--stroke-1) solid var(--border);background-image:radial-gradient(var(--border) var(--stroke-1), transparent var(--stroke-1));background-size:var(--sp-5) var(--sp-5)}[data-theme=light] .demo-stage{background-image:radial-gradient(var(--border-2) var(--stroke-1), transparent var(--stroke-1))}.demo-frame{--demo-frame-height:318px;width:100%;height:var(--demo-frame-height);border:var(--stroke-1) solid var(--border-2);border-radius:var(--r2);background:var(--surface);box-shadow:var(--sh-2);display:block}.demo-facts{min-width:0;padding:var(--sp-6);background:var(--surface)}.demo-fact-panel[hidden]{display:none}.demo-fact-heading{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.demo-fact-heading p,.demo-fact-heading h3,.demo-fact-scope,.demo-fact-explanation,.demo-fact-source{margin:0}.demo-fact-heading p{color:var(--text-3);font-size:var(--fs-badge);font-weight:var(--fw-max);letter-spacing:var(--ls-caps);text-transform:uppercase}.demo-fact-heading h3{margin-top:var(--sp-1);font-size:var(--fs-h2);line-height:var(--lh-snug)}.demo-fact-scope{margin-top:var(--sp-3);color:var(--text-3);font-size:var(--fs-badge);line-height:var(--lh-body)}.demo-fact-explanation{margin-top:var(--sp-4);color:var(--text-2);font-size:var(--fs-sm);line-height:var(--lh-text)}.demo-fact-implementation{gap:var(--sp-2);margin-top:var(--sp-4);padding:var(--sp-3);border:var(--stroke-1) solid var(--border);border-radius:var(--r1);background:var(--surface-3);display:grid}.demo-fact-implementation strong{color:var(--text-3);font-size:var(--fs-badge);letter-spacing:.06em}.demo-fact-implementation code{overflow-wrap:anywhere;color:var(--text-2);font-size:var(--fs-code);line-height:var(--lh-body)}.demo-fact-source{margin-top:var(--sp-4);color:var(--text-3);font-size:var(--fs-badge)}.demo-image{padding:var(--sp-4)}.demo-image img{max-width:100%;height:auto;margin-inline:auto;display:block}.demo-empty{padding:var(--sp-7);background:var(--surface)}.demo-empty h3,.demo-empty p{margin:0}.demo-empty h3{font-size:var(--fs-platform-explanation)}.demo-empty p{margin-top:var(--sp-2);color:var(--text-2);font-size:var(--fs-xs)}@media (width<=48rem){.demo-layout{grid-template-columns:1fr}.demo-stage{border-right:0;border-bottom:var(--stroke-1) solid var(--border)}.demo-frame{--demo-frame-height:320px}}@media (width<=34rem){.demo-toolbar{flex-direction:column;align-items:stretch}.demo-platform-tabs{grid-template-columns:repeat(3,1fr);display:grid}.demo-live-status{align-self:flex-end}.demo-stage,.demo-facts{padding:var(--sp-3)}}.states-demo{--sample-h:62px;--btn-h:38px;--btn-pad:18px;--cell-min:104px;--selector-h:18px;--label-h:22px;--spin-size:13px;--btn-shift:1px;--dur-spin:.7s;--mark-size:17px;--mark-radius:4px;--stroke-mark:2px;--tick-x:5px;--tick-y:2px;--tick-w:4px;--tick-h:8px;--dash-inset:3px;--dot-inset:4px;--underline-offset:3px;border:var(--stroke-1) solid var(--border);border-radius:var(--r3);background:var(--surface);display:block;overflow:hidden}.states-head{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:var(--stroke-1) solid var(--border);background:var(--bg);flex-wrap:wrap;display:flex}.states-control{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text)}.states-hint{font-size:var(--fs-micro);color:var(--text-3);margin-inline-start:auto}.states-stage{padding:var(--sp-6) var(--sp-5);background-color:var(--canvas);background-image:radial-gradient(var(--border-2) var(--stroke-1), transparent var(--stroke-1));background-size:var(--sp-4) var(--sp-4);box-shadow:var(--sh-canvas-inset)}.states-grid{grid-template-columns:repeat(auto-fit, minmax(var(--cell-min), 1fr));gap:var(--sp-5) var(--sp-3);margin:0;padding:0;list-style:none;display:grid}.states-cell{text-align:center;flex-direction:column;align-items:center;display:flex}.states-sample{height:var(--sample-h);justify-content:center;align-items:center;display:flex}.states-selector{height:var(--selector-h);color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-micro)}.states-label{justify-content:center;align-items:center;gap:var(--sp-1);min-height:var(--label-h);color:var(--text-2);font-size:var(--fs-2xs);flex-wrap:wrap;display:flex}.states-detail{color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-micro);line-height:1.5}.states-only{padding:0 var(--sp-1);border:var(--stroke-1) solid var(--border-2);border-radius:var(--r1);color:var(--text-3);font-size:var(--fs-micro);font-weight:var(--fw-body);white-space:nowrap}.states-item{align-items:center;gap:var(--sp-2);white-space:nowrap;display:inline-flex}.states-item[data-state=focus]{box-shadow:var(--sh-focus-ring)}.states-item[data-control=button]{min-height:var(--btn-h);padding-inline:var(--btn-pad);border:var(--stroke-1) solid transparent;border-radius:var(--r1);background:var(--accent);color:var(--accent-ink);font-size:var(--fs-sm);font-weight:var(--fw-med);justify-content:center}.states-item[data-control=button][data-state=hover]{background:var(--accent-hover)}.states-item[data-control=button][data-state=active]{background:var(--accent-pressed);transform:translateY(var(--btn-shift))}.states-item[data-control=button][data-state=disabled]{background:var(--surface-3);color:var(--text-3)}.states-item[data-control=button][data-state=busy]{opacity:.85}.states-item[data-control=link]{border-radius:var(--r1);color:var(--link);font-size:var(--fs-sm);text-underline-offset:var(--underline-offset);text-decoration:underline}.states-item[data-control=link][data-state=hover]{color:var(--link-hover);text-decoration-thickness:var(--stroke-focus)}.states-item[data-control=link][data-state=visited]{color:var(--link-visited)}.states-item[data-control=link][data-state=active]{color:var(--link-active)}.states-item[data-control=checkbox],.states-item[data-control=radio]{border-radius:var(--r1);color:var(--text);font-size:var(--fs-sm)}.states-mark{width:var(--mark-size);height:var(--mark-size);border:var(--stroke-mark) solid var(--border-hi);border-radius:var(--mark-radius);background:0 0;flex:none;position:relative}.states-item[data-control=radio] .states-mark{border-radius:var(--radius-pill)}.states-item-label{font-weight:var(--fw-body)}.states-item[data-state=checked] .states-mark,.states-item[data-state=indeterminate] .states-mark{border-color:var(--accent);background:var(--accent)}.states-item[data-control=checkbox][data-state=checked] .states-mark:after{content:"";width:var(--tick-w);height:var(--tick-h);border:solid var(--accent-ink);border-width:0 var(--stroke-mark) var(--stroke-mark) 0;position:absolute;inset-block-start:var(--tick-y);inset-inline-start:var(--tick-x);transform:rotate(45deg)}.states-item[data-state=indeterminate] .states-mark:after{content:"";inset-inline:var(--dash-inset);height:var(--stroke-mark);background:var(--accent-ink);position:absolute;inset-block-start:calc(50% - var(--stroke-mark) / 2)}.states-item[data-control=radio][data-state=checked] .states-mark:after{content:"";inset:var(--dot-inset);border-radius:var(--radius-pill);background:var(--accent-ink);position:absolute}.states-item[data-control=checkbox][data-state=hover] .states-mark,.states-item[data-control=radio][data-state=hover] .states-mark{border-color:var(--accent)}.states-item[data-control=checkbox][data-state=disabled],.states-item[data-control=radio][data-state=disabled]{color:var(--text-3)}.states-item[data-control=checkbox][data-state=disabled] .states-mark,.states-item[data-control=radio][data-state=disabled] .states-mark{border-color:var(--border-2);background:var(--surface-3)}.states-spin{width:var(--spin-size);height:var(--spin-size);border:var(--stroke-focus) solid var(--spin-track);border-block-start-color:var(--accent-ink);border-radius:var(--radius-pill);animation:states-spin var(--dur-spin) linear infinite}@keyframes states-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.states-spin{animation:none}}.states-notes{padding:var(--sp-4) var(--sp-5);border-top:var(--stroke-1) solid var(--border);color:var(--text-2);font-size:var(--fs-xs)}.states-notes p+p{margin-block-start:var(--sp-2)}.platform-grid{--platform-header-gap:10px;gap:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.platform-card{border:var(--stroke-1) solid var(--border);border-radius:var(--r3);background:var(--surface);min-width:0;box-shadow:var(--sh-1);flex-direction:column;display:flex;overflow:hidden}.platform-rule{height:var(--stroke-platform);flex:none}.platform-card--web .platform-rule{background:var(--pw)}.platform-card--ios .platform-rule{background:var(--pi)}.platform-card--android .platform-rule{background:var(--pa)}.platform-card-body{gap:var(--sp-3);padding:var(--pad-card);flex-direction:column;flex:1;display:flex}.platform-heading{justify-content:space-between;align-items:center;gap:var(--platform-header-gap);display:flex}.platform-name{font-size:var(--fs-caps);font-weight:var(--fw-max);letter-spacing:var(--ls-caps);text-transform:uppercase}.platform-card--web .platform-name{color:var(--pw)}.platform-card--ios .platform-name{color:var(--pi)}.platform-card--android .platform-name{color:var(--pa)}.scope-slot{min-height:calc(var(--fs-badge) * var(--lh-tight));margin:calc(var(--sp-2) * -1) 0 0;color:var(--text-3);font-size:var(--fs-badge);line-height:var(--lh-body)}.canonical-name{font-size:var(--fs-h2);font-weight:var(--fw-strong);letter-spacing:var(--ls-h2);line-height:var(--lh-snug);margin:0}.platform-aliases{margin:calc((var(--sp-2) - (var(--sp-1) / 2)) * -1) 0 0;color:var(--text-3);font-size:var(--fs-2xs)}.platform-explanation{color:var(--text);font-size:var(--fs-platform-explanation);line-height:var(--lh-text);margin:0}.platform-note{color:var(--text-2);font-size:var(--fs-xs);line-height:var(--lh-text);margin:0}.platform-note strong{color:var(--text);font-weight:var(--fw-semi)}.platform-api{padding:calc(var(--sp-3) - var(--stroke-1)) calc(var(--sp-3) + var(--stroke-1));border:var(--stroke-1) solid var(--border);border-radius:calc(var(--r1) + (var(--sp-1) / 2));background:var(--surface-3);color:var(--text-2);font-size:var(--fs-code);line-height:var(--lh-body);overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.discouraged-warning{align-items:flex-start;gap:calc(var(--sp-2) + var(--stroke-1));padding:calc(var(--sp-2) + (var(--sp-1) / 2)) var(--sp-3);border:var(--stroke-1) solid color-mix(in srgb, var(--warn) 40%, transparent);border-radius:calc(var(--r1) + (var(--sp-1) / 2));background:var(--warn-soft);color:var(--warn);font-size:var(--fs-2xs);font-weight:var(--fw-med);line-height:1.6;display:flex}.discouraged-warning-icon{font-weight:var(--fw-max);flex:none}.reference-groups{gap:calc(var(--sp-3) - var(--stroke-1));padding:calc(var(--sp-4) - (var(--sp-1) / 2)) var(--sp-5) var(--sp-4);border-top:var(--stroke-1) solid var(--border);background:var(--surface-2);flex:none;margin-top:auto;display:grid}.reference-group{gap:calc(var(--sp-2) - (var(--sp-1) / 2));display:grid}.reference-group-title{color:var(--text-3);font-size:var(--fs-ref-label);font-weight:var(--fw-max);letter-spacing:.08em;text-transform:uppercase;margin:0}.reference-group ul{gap:calc(var(--sp-2) - (var(--sp-1) / 2));margin:0;padding:0;list-style:none;display:grid}.reference-link{gap:calc(var(--sp-1) + var(--stroke-1));min-width:0;padding-block:calc(var(--sp-1) / 2);color:var(--text-2);font-size:var(--fs-2xs);transition:color var(--dur-1);line-height:1.5;display:grid}.reference-line{align-items:center;gap:calc(var(--sp-2) + var(--stroke-1));min-width:0;display:flex}.reference-label{overflow-wrap:anywhere;min-width:0}.reference-link:hover{color:var(--accent);text-decoration:none}.reference-type{padding:var(--stroke-1) calc(var(--sp-1) + var(--stroke-1));border:var(--stroke-1) solid var(--border-2);border-radius:calc(var(--sp-1) + var(--stroke-1));color:var(--text-3);font-size:var(--fs-ref-label);font-weight:var(--fw-max);letter-spacing:.07em;text-transform:uppercase;transition:color var(--dur-1), border-color var(--dur-1);flex:none}.reference-link:hover .reference-type{border-color:var(--accent);color:var(--accent)}.reference-address{color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-ref-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reference-meta{gap:var(--sp-1) var(--sp-2);color:var(--text-3);font-size:var(--fs-ref-label);flex-wrap:wrap;display:flex}.reference-meta span+span:before{margin-right:var(--sp-2);content:"·"}.reference-empty{padding:calc(var(--sp-1) / 2) 0;color:var(--text-3);font-size:var(--fs-caps);line-height:var(--lh-body);margin:0}@media (width<=51.25rem){.platform-grid{grid-template-columns:1fr}}