/* GENERATED public projection from components.css sha256:66923108cdb5d8fcece0d287fa9b4cea21acddc9628dae9281de5968e616979b. Do not edit. */
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-machine)}body{margin:0;background:var(--color-machine);color:var(--color-primary);font:var(--font-role-b-02)}a{color:inherit}.skip{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus-visible{z-index:99;left:16px;top:16px;width:auto;height:auto;padding:8px;background:var(--color-record);color:var(--color-machine);clip-path:none}.guide-rail{position:fixed;z-index:5;inset:0 auto 0 0;width:var(--guide-rail);box-shadow:2px 0 0 var(--color-primary);display:flex;flex-direction:column;padding:16px 12px;background:var(--color-machine);font-family:var(--font-structural)}.brand{font:var(--font-role-s-01);text-decoration:none}.guide-id{margin-top:32px;font:var(--font-role-ui-02)}.guide-rail nav{margin-top:auto;border-top:1px solid var(--color-primary)}.guide-rail nav a{display:block;padding:8px 0;border-bottom:1px solid var(--line);font:var(--font-role-ui-01);text-decoration:none}.guide-rail nav a:hover,.guide-rail nav a:focus-visible{background:var(--color-record);color:var(--color-machine)}.guide-rail button{height:var(--chrome-control);margin-top:16px;border:1px solid var(--color-primary);border-radius:0;background:var(--color-machine);color:var(--color-primary);font:var(--font-role-ui-01)}main,body>footer{margin-left:var(--guide-rail)}.guide-head{height:var(--chrome-title);display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:0 8px;background:var(--color-record);color:var(--color-machine);font:var(--font-role-ui-02)}.guide-head span:nth-child(2){text-align:center}.guide-head span:last-child{text-align:right}.guide-section{position:relative;padding:48px var(--grid-edge-wide) 64px;border-bottom:2px solid var(--color-primary);scroll-margin-top:0}.section-code{position:absolute;top:8px;left:var(--grid-edge-wide);font:var(--font-role-ui-02)}.intro{display:grid;grid-template-columns:2fr 1fr;gap:24px;padding-top:80px}.intro>.section-code{grid-column:1/-1}.intro h1,.intro h2,.section-title h2{margin:0;font:var(--font-role-d-02);letter-spacing:-.045em;color:var(--color-record)}.intro .body-large{max-width:48ch;margin:40px 0 0;font:var(--font-role-b-01);color:var(--color-record)}.principles{margin:0;border:2px solid var(--color-primary);align-self:end}.principles div{display:grid;grid-template-columns:1fr 1fr;min-height:var(--density-standard-row);align-items:center;padding:0 8px;border-bottom:1px solid var(--line)}.principles div:last-child{border:0}.principles dt,.principles dd{font:var(--font-role-ui-02)}.principles dd{text-align:right;margin:0}.section-title{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:end;margin:32px 0 48px}.section-title .body{margin:0;color:var(--color-record)}.rule-bar,.prohibition{display:flex;justify-content:space-between;gap:16px;padding:8px;background:var(--color-record);color:var(--color-machine);font:var(--font-role-ui-02)}.type-specimens{display:grid;grid-template-columns:repeat(12,1fr);border-left:1px solid var(--color-primary)}.type-specimens article{grid-column:span 6;min-width:0;padding:12px;border-right:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary)}.type-specimens article.body-sample{grid-column:span 4}.token,small{display:block;font:var(--font-role-ui-02)}small{margin-top:16px}.type-specimens p{margin:32px 0;color:var(--color-record)}.prohibition{justify-content:flex-start;margin-top:24px;background:var(--color-risk)}.prohibition span{padding-left:16px;border-left:1px solid var(--color-machine)}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--color-primary);border-top:1px solid var(--color-primary)}.color-grid article{min-height:224px;padding:8px;border-right:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary);font-family:var(--font-structural)}.color-grid i{display:block;height:128px;margin:-8px -8px 16px;background:var(--swatch);border-bottom:1px solid var(--color-primary)}.color-grid b{font:var(--font-role-ui-01)}.color-grid p{margin:8px 0;font:var(--font-role-ui-02)}.token-table,.element-table{width:100%;border-collapse:collapse;margin-top:24px;font:var(--font-role-ui-02)}th,td{padding:var(--density-cell-inset);text-align:left;vertical-align:top;border:1px solid var(--color-record)}th{background:var(--color-record);color:var(--color-machine);font-weight:600}.chrome-demo{display:grid;grid-template-columns:repeat(12,1fr);border:2px solid var(--color-primary);font-family:var(--font-structural)}.chrome-global{grid-column:1/-1;height:var(--chrome-title);display:flex;justify-content:space-between;align-items:center;padding:0 8px;background:var(--color-record);color:var(--color-machine);font:var(--font-role-ui-02)}.chrome-work{grid-column:1/9}.chrome-inspector{grid-column:9/13;box-shadow:inset 2px 0 0 var(--color-primary)}.chrome-title{height:var(--chrome-title);display:flex;justify-content:space-between;align-items:center;padding:0 8px;border-bottom:1px solid var(--color-primary);font:var(--font-role-ui-02)}.chrome-title.active{background:var(--color-record);color:var(--color-machine)}.chrome-canvas{position:relative;height:320px;overflow:hidden}.frame-member{position:absolute;left:25%;top:24px;bottom:24px;width:2px;background:var(--color-primary)}.frame-member:after{content:"";position:absolute;left:0;top:45%;width:min(calc(var(--space-20u) * 6),60vw);border-top:2px solid var(--color-primary)}.plate{position:absolute;left:calc(25% - 16px);top:calc(45% + 16px);width:32px;height:32px;border:2px solid var(--color-primary);background:var(--color-machine)}.service{position:absolute;left:8%;top:70%;width:58%;height:40px;background:linear-gradient(var(--color-signal),var(--color-signal)) 0 0/100% 2px no-repeat,linear-gradient(var(--color-signal),var(--color-signal)) 0 0/2px 100% no-repeat}.chrome-inspector dl{margin:0}.chrome-inspector dl div{height:48px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 8px;border-bottom:1px solid var(--line);font:var(--font-role-ui-02)}.chrome-inspector dd{text-align:right;margin:0}.signal{color:var(--color-signal)}.chrome-trace{grid-column:1/-1;border-top:2px solid var(--color-primary)}.chrome-trace p{display:grid;grid-template-columns:64px 96px 1fr;margin:0;padding:8px;font:var(--font-role-ui-02)}.chrome-status{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--color-primary)}.chrome-status span{padding:8px;border-right:1px solid var(--line);font:var(--font-role-ui-02)}.element-table td:nth-child(1){width:64px}.element-table td:nth-child(2){width:160px}.figure-rule{display:grid;grid-template-columns:96px 1fr 2fr;border:2px solid var(--color-primary);padding:8px;font:var(--font-role-ui-01)}.figure-rule code{color:var(--color-primary)}.image-categories{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--color-primary);margin-top:24px}.image-categories div{min-height:120px;padding:8px;border:1px solid var(--color-primary);border-left:0}.image-categories b,.image-categories span{display:block;font:var(--font-role-ui-02)}.image-categories span{margin-top:16px}.registry-link{font:var(--font-role-ui-01)}.image-register{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--color-primary);border-top:1px solid var(--color-primary)}.guide-figure{margin:0;border-right:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary)}.guide-figure img{display:block;width:100%;height:224px;object-fit:cover;filter:grayscale(1)}.guide-figure figcaption{min-height:72px;padding:8px;font:var(--font-role-ui-02)}.guide-figure figcaption b,.guide-figure figcaption span{display:block}.guide-figure figcaption span{margin-top:4px}body>footer{display:flex;justify-content:space-between;padding:8px;border-top:0;font:var(--font-role-ui-02)}
html.grid-debug body:after{content:"";position:fixed;z-index:99;pointer-events:none;inset:0 var(--grid-edge-wide) 0 calc(var(--guide-rail) + var(--grid-edge-wide));background-image:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--color-secondary-structure) 25%,transparent) 0 1px,transparent 1px 24px),linear-gradient(to right,color-mix(in srgb,var(--color-signal) 20%,transparent) 0 1px,transparent 1px);background-size:100% 24px,calc(100% / 12) 100%}
@media(max-width:900px){:root{--guide-rail:0px;--grid-edge-wide:var(--grid-edge-small)}.guide-rail{position:relative;width:auto;height:var(--space-20u);flex-direction:row;align-items:center;border-right:0;border-bottom:2px solid var(--color-primary)}.guide-id,.guide-rail nav{display:none}.guide-rail button{margin:0 0 0 auto}.intro,.section-title{grid-template-columns:1fr}.principles{margin-top:24px}.type-specimens article,.type-specimens article.body-sample{grid-column:1/-1}.color-grid{grid-template-columns:repeat(2,1fr)}.chrome-work,.chrome-inspector{grid-column:1/-1}.chrome-inspector{border-left:0;border-top:2px solid var(--color-primary)}.image-categories{grid-template-columns:1fr}.image-register{grid-template-columns:1fr}.element-table{display:block;overflow-x:auto}.guide-head{grid-template-columns:1fr}.guide-head span:not(:first-child){display:none}}
@media print{.guide-rail{display:none}main,body>footer{margin-left:0}.guide-section{break-before:page}.guide-section.intro{break-before:auto}.guide-head{background:var(--color-record);border-bottom:1px solid var(--color-machine)}.guide-section,.type-specimens article,.color-grid article,.token-table th,.token-table td,.element-table th,.element-table td{border-color:var(--color-machine)}.color-grid,.chrome-demo,.image-categories,.image-register{break-inside:avoid}}

.rule-list{list-style:none;margin:0;padding:0;border-top:var(--chrome-frame) solid var(--color-primary)}.rule-list>li{border-bottom:var(--chrome-rule) solid var(--color-primary)}.rule-record{display:grid;grid-template-columns:72px minmax(176px,1fr) minmax(0,3fr);align-items:start}.rule-record>*{margin:0;padding:var(--chrome-inset)}.rule-id,.rule-title{font:var(--font-role-ui-01)}.rule-text{font:var(--font-role-b-02)}@media(max-width:560px){.rule-record{grid-template-columns:64px 1fr}.rule-text{grid-column:1/-1;border-top:var(--chrome-rule) solid var(--color-primary)}}
.g-color-token[data-status="reserve"]{border-style:dashed}.g-color-token[data-status="restricted"] small{color:var(--color-alarm-caution)}.g-color-token[data-status="approved"] small{color:var(--color-viable)}

/* Canonical component contracts. Legacy guide selectors above are internal specimen parts. */
.c-title{font-family:var(--font-structural);font-weight:600;color:var(--color-primary)}
.c-body{font-family:var(--font-body);font-weight:400;color:var(--color-primary)}
.c-body--lead{font-size:var(--type-b-01-size);line-height:var(--type-b-01-line)}.c-body--standard{font-size:var(--type-b-02-size);line-height:var(--type-b-02-line)}.c-body--dense{font-size:var(--type-b-03-size);line-height:var(--type-b-03-line)}
.c-button{min-height:var(--chrome-control);padding:0 var(--chrome-inset);border:var(--chrome-rule) solid var(--color-primary);border-radius:var(--chrome-radius);background:var(--color-machine);color:var(--color-primary);font:var(--font-role-ui-01);box-shadow:none}.c-button:hover,.c-button:focus-visible{background:var(--color-record);color:var(--color-ink)}
.c-action,.c-nav-item{font:var(--font-role-ui-01)}.c-action{text-decoration:underline;text-underline-offset:var(--space-u)}
.c-control{display:flex;min-height:var(--chrome-control);align-items:center;gap:var(--space-4u);font:var(--font-role-ui-01)}.c-control input{accent-color:var(--semantic-active)}
.control-catalog{align-items:center;padding:var(--space-2u);border:var(--chrome-frame) solid var(--color-primary);border-top:0}.control-catalog>.c-control{grid-column:span 5}.control-catalog>.c-button{grid-column:span 2}.control-catalog>.c-action{grid-column:span 3}.control-catalog>nav{grid-column:span 2;display:flex;gap:var(--space-2u)}
.module-sample{position:absolute;left:42%;top:34%;width:var(--space-16u);height:var(--space-12u);border:var(--chrome-frame) solid var(--color-primary);background:var(--color-machine)}
.membrane-sample{position:absolute;left:58%;top:28%;width:var(--space-20u);height:var(--space-20u);border:var(--chrome-rule) solid var(--color-primary);border-radius:50% 8% 50% 8%;transform:rotate(45deg);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.membrane-sample i{position:absolute;width:var(--space-2u);height:var(--space-2u);border:var(--chrome-rule) solid var(--color-primary);background:var(--color-machine)}.membrane-sample i:nth-child(1){left:calc(var(--space-u) * -1);top:calc(var(--space-u) * -1)}.membrane-sample i:nth-child(2){right:calc(var(--space-u) * -1);top:calc(var(--space-u) * -1)}.membrane-sample i:nth-child(3){right:calc(var(--space-u) * -1);bottom:calc(var(--space-u) * -1)}
@media(max-width:900px){.control-catalog>*{grid-column:1/-1!important}.control-catalog>nav{padding:var(--space-2u) 0}}

:where(.c-field){background:var(--color-machine);color:var(--color-primary)}
:where(.c-megaframe){border:var(--chrome-frame) solid var(--color-primary);border-radius:var(--chrome-radius);box-shadow:none}
:where(.c-service-spine){border-color:var(--color-primary);border-radius:var(--chrome-radius);box-shadow:none}
:where(.c-joint){border-color:var(--color-primary);border-radius:var(--chrome-radius);box-shadow:none}
:where(.c-span){border-color:var(--color-primary)}:where(.c-span--service){border-color:var(--color-signal)}
:where(.c-module,.c-pane,.c-inspector,.c-event-trace,.c-figure){border-radius:var(--chrome-radius);box-shadow:none}
:where(.c-membrane){box-shadow:none}
:where(.c-pane__titlebar){min-height:var(--chrome-title);font:var(--font-role-ui-02)}
:where(.c-pane__titlebar--active){background:var(--color-record);color:var(--color-ink)}
:where(.c-pane__status,.c-telemetry){font:var(--font-role-ui-02)}
:where(.g-rail,.g-section,.g-token-table,.g-color-token,.g-type-token,.g-color-chip,.g-type-sample){border-radius:var(--chrome-radius);box-shadow:none}

.c-action--external{white-space:nowrap}

.field-instrument{grid-template-columns:repeat(12,minmax(0,1fr));overflow:hidden}
.field-global{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:0 var(--chrome-inset);background:var(--color-record);color:var(--color-ink)}.field-global span:nth-child(2){text-align:center}.field-global span:last-child{text-align:right}.field-live:before{content:"";display:inline-block;width:var(--space-2u);height:var(--space-2u);margin-right:var(--space-2u);background:transparent;border:var(--chrome-rule) solid var(--color-ink)}.field-instrument[data-field-state="live"] .field-live:before{background:var(--color-signal)}
.field-model{grid-column:1/10;min-width:0}.field-title{display:flex;align-items:center;justify-content:space-between;padding:0 var(--chrome-inset);border-bottom:var(--chrome-rule) solid var(--color-primary)}
.field-viewport{position:relative;height:min(44vw,520px);min-height:320px;overflow:hidden;background-image:linear-gradient(to right,color-mix(in srgb,var(--color-primary) 8%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--color-primary) 8%,transparent) 1px,transparent 1px);background-size:var(--space-20u) var(--space-20u)}.field-viewport canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.field-fallback{position:absolute;inset:0}.field-fallback:before{content:"";position:absolute;left:16%;top:10%;bottom:10%;border-left:var(--chrome-rule) solid var(--color-primary)}.field-fallback i{position:absolute;width:var(--space-16u);height:var(--space-10u);border:var(--chrome-rule) solid var(--color-primary)}.field-fallback i:nth-child(1){left:16%;top:20%}.field-fallback i:nth-child(2){left:36%;top:20%}.field-fallback i:nth-child(3){left:36%;top:45%}.field-fallback i:nth-child(4){left:58%;top:45%}.field-fallback i:nth-child(5){left:58%;top:70%}.field-fallback i:nth-child(6){left:78%;top:70%}.js .field-fallback{display:none}.field-note{position:absolute;z-index:2;font:var(--font-role-ui-02)}.field-note--a{left:var(--chrome-inset);top:var(--chrome-inset)}.field-note--b{right:var(--chrome-inset);bottom:var(--chrome-inset);text-align:right}
.field-inspector{grid-column:10/13;border-left:var(--chrome-frame) solid var(--color-primary);min-width:0}.field-joint{display:block;width:100%;height:240px;border-bottom:var(--chrome-rule) solid var(--color-primary);color:var(--color-primary)}.field-joint path,.field-joint rect,.field-joint circle{vector-effect:non-scaling-stroke}.field-joint__frame{fill:none;stroke:currentColor;stroke-width:2}.field-joint__brace{fill:none;stroke:var(--color-secondary-structure);stroke-width:1}.field-joint__membrane{fill:color-mix(in srgb,var(--color-primary) 8%,transparent);stroke:var(--color-primary);stroke-width:1}.field-joint__service{fill:none;stroke:var(--color-secondary-structure);stroke-width:2}.field-instrument[data-field-state="live"] .field-joint__service{stroke:var(--color-signal)}.field-joint__plate{fill:var(--color-machine);stroke:var(--color-primary);stroke-width:2}.field-joint circle{fill:var(--color-machine);stroke:var(--color-primary);stroke-width:1}.field-joint .field-joint__anchor{fill:var(--color-primary);stroke:var(--color-machine)}.field-properties{margin:0}.field-properties div{min-height:var(--space-10u);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 var(--chrome-inset);border-bottom:var(--chrome-rule) solid var(--color-primary)}.field-properties dt,.field-properties dd{font:var(--font-role-ui-02)}.field-properties dd{text-align:right;margin:0}.field-properties div:last-child dd{color:var(--color-primary)}.field-instrument[data-field-state="live"] .field-properties div:last-child dd{color:var(--color-signal)}
.field-trace{grid-column:1/-1;border-top:var(--chrome-frame) solid var(--color-primary)}.field-trace ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}.field-trace li{min-height:var(--space-12u);display:grid;grid-template-columns:var(--space-12u) var(--space-20u) 1fr;align-items:center;padding:0 var(--chrome-inset);border-right:var(--chrome-rule) solid var(--color-primary);font:var(--font-role-ui-02)}.field-trace li:last-child{border-right:0}.field-trace span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.field-controls{grid-column:1/9;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:var(--density-control-gap);padding:var(--density-cell-inset);border-top:var(--chrome-frame) solid var(--color-primary)}.field-controls label{grid-column:1/3}.field-controls>input{grid-column:3/5;width:100%;margin:0;accent-color:var(--semantic-active)}.field-controls button:nth-of-type(1){grid-column:5}.field-controls button:nth-of-type(2){grid-column:6}.field-telemetry{grid-column:9/13;display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:var(--chrome-frame) solid var(--color-primary);border-left:var(--chrome-rule) solid var(--color-primary)}.field-telemetry div{padding:var(--chrome-inset);border-right:var(--chrome-rule) solid var(--color-primary)}.field-telemetry dt{font:var(--font-role-ui-02)}.field-telemetry dd{margin:var(--space-2u) 0 0;font:var(--font-role-t-02)}

.c-server-unit{border-top:var(--chrome-frame) solid var(--color-primary)}
.c-server-unit__header{min-height:var(--density-dense-row);display:flex;align-items:center;justify-content:space-between;padding:0 var(--chrome-inset);border-bottom:var(--chrome-rule) solid var(--color-primary);font:var(--font-role-ui-01)}
.c-server-unit__header output{display:flex;align-items:center;gap:var(--space-2u);font:inherit}.c-server-unit__header output:before{content:"";width:var(--space-2u);height:var(--space-2u);border:var(--chrome-rule) solid currentColor}.c-server-unit[data-state="active"] .c-server-unit__header output:before{background:var(--color-signal)}
.c-server-unit__chassis{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2u);padding:var(--space-2u);border-bottom:var(--chrome-rule) solid var(--color-primary)}
.c-server-unit__bay{height:var(--space-6u);border:var(--chrome-rule) solid var(--color-secondary-structure);background:repeating-linear-gradient(90deg,var(--color-machine) 0,var(--color-machine) var(--space-2u),var(--color-secondary-structure) var(--space-2u),var(--color-secondary-structure) var(--space-3u))}
.c-server-unit__metrics{display:grid;grid-template-columns:1fr 1fr;margin:0}.c-server-unit__metrics div{min-height:var(--density-dense-row);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 var(--chrome-inset);border-right:var(--chrome-rule) solid var(--color-primary);border-bottom:var(--chrome-rule) solid var(--color-primary)}.c-server-unit__metrics div:nth-child(2n){border-right:0}.c-server-unit__metrics dt,.c-server-unit__metrics dd{font:var(--font-role-ui-02)}.c-server-unit__metrics dd{margin:0;text-align:right}.c-server-unit__metrics div:last-child dd{color:var(--color-primary)}.c-server-unit[data-state="active"] .c-server-unit__metrics div:last-child dd{color:var(--color-signal)}
@media(max-width:900px){.field-instrument{grid-template-columns:minmax(0,1fr)}.field-model,.field-inspector,.field-trace,.field-controls,.field-telemetry{grid-column:1/-1}.field-inspector{border-left:0;border-top:var(--chrome-frame) solid var(--color-primary)}.field-trace ol{grid-template-columns:1fr}.field-trace li{border-right:0;border-bottom:var(--chrome-rule) solid var(--color-primary)}.field-controls{grid-template-columns:1fr 1fr}.field-controls label,.field-controls>input{grid-column:1/-1}.field-controls button:nth-of-type(1),.field-controls button:nth-of-type(2){grid-column:auto}.field-telemetry{border-left:0}.field-viewport{height:520px}.field-global span:last-child{display:none}.field-global{grid-template-columns:1fr 1fr}}

.widget-catalog{border-top:var(--chrome-frame) solid var(--color-primary);border-left:var(--chrome-frame) solid var(--color-primary);margin-bottom:var(--space-8u)}.widget-catalog>*{grid-column:span 3;min-width:0;border-right:var(--chrome-frame) solid var(--color-primary);border-bottom:var(--chrome-frame) solid var(--color-primary);padding:var(--chrome-inset)}.widget-catalog>.widget-wide{grid-column:span 6}.widget-catalog>.widget-measure{grid-column:span 3}.c-form-field{display:flex;flex-direction:column;gap:var(--space-2u);font:var(--font-role-ui-01)}.c-form-field>span{font:var(--font-role-ui-02)}
.c-input,.c-textarea,.c-select{width:100%;min-height:var(--chrome-touch);border:var(--chrome-rule) solid var(--color-primary);border-radius:var(--chrome-radius);background:var(--color-machine);color:var(--color-primary);padding:0 var(--chrome-inset);font:var(--font-role-ui-01);box-shadow:none}.c-textarea{padding:var(--chrome-inset);resize:vertical}.c-input:focus-visible,.c-textarea:focus-visible,.c-select:focus-visible,.c-file:focus-visible{outline:var(--chrome-frame) solid var(--interaction-focus-frame);outline-offset:var(--chrome-frame)}.c-input[aria-invalid="true"],.c-textarea[aria-invalid="true"],.c-select[aria-invalid="true"]{border-color:var(--color-validation)}.c-input:disabled,.c-textarea:disabled,.c-select:disabled{border-color:var(--color-disabled);color:var(--color-disabled)}
.widget-choice{display:flex;flex-direction:column;gap:var(--space-3u);margin:0}.widget-choice legend{padding:0;font:var(--font-role-ui-01)}.widget-choice label,.g-example{font:var(--font-role-ui-02)}.c-checkbox,.c-radio{appearance:none;width:var(--space-6u);height:var(--space-6u);margin:0 var(--space-2u) 0 0;border:var(--chrome-frame) solid var(--color-primary);background:var(--color-machine);vertical-align:middle}.c-radio{border-radius:50%}.c-checkbox:checked:after{content:"";display:block;width:var(--space-3u);height:var(--space-2u);margin:var(--space-u);border-left:var(--chrome-frame) solid var(--color-machine);border-bottom:var(--chrome-frame) solid var(--color-machine);transform:rotate(-45deg)}.c-checkbox:checked,.c-radio:checked{background:var(--color-record)}.c-radio:checked{box-shadow:inset 0 0 0 var(--space-u) var(--color-machine)}.c-checkbox:focus-visible,.c-radio:focus-visible,.c-switch:focus-visible{outline:var(--chrome-frame) solid var(--interaction-focus-frame);outline-offset:var(--chrome-frame)}.c-checkbox:disabled,.c-radio:disabled,.c-switch:disabled{border-color:var(--color-disabled);opacity:.6}
.c-switch{appearance:none;position:relative;width:var(--space-12u);height:var(--space-6u);margin:0 var(--space-2u) 0 0;border:var(--chrome-frame) solid var(--color-primary);border-radius:var(--chrome-radius);background:var(--color-machine);vertical-align:middle}.c-switch:before{content:"";position:absolute;inset:var(--space-u) auto var(--space-u) var(--space-u);width:var(--space-3u);background:var(--color-primary)}.c-switch:checked{border-color:var(--semantic-active)}.c-switch:checked:before{left:auto;right:var(--space-u);background:var(--semantic-active)}
.c-file{width:100%;min-height:var(--chrome-touch);border:var(--chrome-rule) solid var(--color-primary);border-radius:var(--chrome-radius);background:var(--color-machine);color:var(--color-primary);font:var(--font-role-ui-02)}.c-file::file-selector-button{height:var(--chrome-touch);margin-right:var(--chrome-inset);border:0;border-right:var(--chrome-rule) solid var(--color-record);border-radius:0;background:var(--color-record);color:var(--color-ink);font:var(--font-role-ui-01)}
.widget-measure{display:grid;gap:var(--space-4u)}.widget-measure label{display:grid;gap:var(--space-2u);font:var(--font-role-ui-01)}.c-progress,.c-meter{appearance:none;width:100%;height:var(--space-4u);border:var(--chrome-rule) solid var(--color-primary);border-radius:0;background:var(--color-machine)}.c-progress::-webkit-progress-bar{background:var(--color-machine)}.c-progress::-webkit-progress-value{background:var(--color-signal)}.c-progress::-moz-progress-bar{background:var(--color-signal)}.c-meter::-webkit-meter-bar{background:var(--color-machine);border:0}.c-meter::-webkit-meter-optimum-value{background:var(--color-primary)}.c-meter::-webkit-meter-suboptimum-value{background:var(--color-alarm-caution)}.c-meter::-moz-meter-bar{background:var(--color-primary)}
.c-disclosure{padding:0!important}.c-disclosure summary{min-height:var(--chrome-touch);display:flex;align-items:center;padding:0 var(--chrome-inset);border-bottom:var(--chrome-rule) solid transparent;cursor:pointer;font:var(--font-role-ui-01);list-style:none}.c-disclosure summary:before{content:"+";width:var(--space-6u)}.c-disclosure[open] summary{border-color:var(--color-record)}.c-disclosure[open] summary:before{content:"−"}.c-disclosure p{padding:var(--chrome-inset);margin:0}
.c-tabs{display:flex;padding:0!important;min-height:var(--chrome-touch)}.c-tabs button{flex:1;border:0;border-right:var(--chrome-rule) solid var(--color-record);border-radius:0;background:var(--color-machine);color:var(--color-primary);font:var(--font-role-ui-01)}.c-tabs button:last-child{border-right:0}.c-tabs button[aria-selected="true"]{background:var(--color-record);color:var(--color-ink)}.c-tabs button:focus-visible{outline:var(--chrome-frame) solid var(--interaction-focus-frame);outline-offset:calc(var(--chrome-frame) * -1)}.c-tabs button:disabled{color:var(--color-disabled)}
.c-dialog{position:static;width:auto;max-width:none;margin:0!important;color:var(--color-primary);background:var(--color-machine);border:0!important;padding:0!important}.c-dialog>.c-pane__titlebar{display:flex;align-items:center;padding:0 var(--chrome-inset);border-bottom:var(--chrome-rule) solid var(--color-record)}.c-dialog p{padding:var(--chrome-inset);margin:0}.c-dialog form{display:flex;border-top:var(--chrome-rule) solid var(--color-record)}.c-dialog form .c-button{flex:1;border-width:0 var(--chrome-rule) 0 0}.c-dialog form .c-button:last-child{border-right:0}.c-button--danger:hover,.c-button--danger:focus-visible{background:var(--color-risk);color:var(--color-record)}.c-form-message{font:var(--font-role-ui-02)}.c-form-message[data-state="error"]{color:var(--color-validation)}
.component-example{min-width:var(--space-20u)}.component-example>*{max-width:100%}.g-example{display:inline-flex;min-height:var(--chrome-control);align-items:center;gap:var(--space-2u);padding:0 var(--chrome-inset);vertical-align:middle}.g-example[data-example="frame"],.g-example[data-example="module"],.g-example[data-example="pane"],.g-example[data-example="figure"]{border:var(--chrome-frame) solid var(--color-primary)}.g-example[data-example="joint"]{border:var(--chrome-frame) solid var(--color-primary)}.g-example[data-example="span"]{border-top:var(--chrome-frame) solid var(--color-primary)}.g-example[data-example="membrane"]{border:var(--chrome-rule) solid var(--color-primary);border-radius:50%}.g-example[data-example="trace"],.g-example[data-example="inspector"],.g-example[data-example="spine"]{border-left:var(--chrome-frame) solid var(--color-primary)}.g-example .c-input,.component-example>.c-input,.component-example>.c-textarea,.component-example>.c-select{min-width:var(--space-20u)}
@media(max-width:900px){.widget-catalog>*{grid-column:span 3}.widget-catalog>.widget-wide{grid-column:1/-1}.element-table .component-example{min-width:160px}}
@media(max-width:560px){.widget-catalog>*{grid-column:1/-1}}
/* Bar dividers always meet both bar edges. */
.guide-head,.field-global,.rule-bar,.prohibition,.figure-rule{padding:0}.guide-head>*,.field-global>*,.rule-bar>*,.prohibition>*,.figure-rule>*{align-self:stretch;display:flex;align-items:center;padding:0 var(--chrome-inset)}.guide-head>*+*,.field-global>*+*,.rule-bar>*+*,.prohibition>*+*,.figure-rule>*+*{border-left:var(--chrome-rule) solid currentColor}.chrome-status>*,.field-telemetry>*{align-self:stretch}

.workbench-label{margin-top:var(--space-8u);padding:var(--chrome-inset) 0;font:var(--font-role-ui-01)}.c-workbench{display:grid;grid-template-rows:auto 1fr auto}.c-toolbar,.c-statusbar{min-height:var(--chrome-title);display:grid;font:var(--font-role-ui-02)}.c-toolbar{grid-template-columns:repeat(3,1fr)}.c-statusbar{grid-template-columns:repeat(4,1fr);border-top:var(--chrome-frame) solid var(--color-record)}.c-toolbar>*,.c-statusbar>*{align-self:stretch;display:flex;align-items:center;padding:0 var(--density-cell-inset)}.c-toolbar>*+*,.c-statusbar>*+*{border-left:var(--chrome-rule) solid currentColor}.c-toolbar--light{background:var(--color-record);color:var(--color-ink)}.workbench-body{display:grid;grid-template-columns:3fr 9fr}.workbench-body>.c-pane+.c-pane{border-left:var(--chrome-frame) solid var(--color-record)}.workbench-body .c-pane__titlebar{height:var(--chrome-title);display:flex;align-items:center;padding:0 var(--chrome-inset);border-bottom:var(--chrome-rule) solid var(--color-record)}
@media(max-width:900px){.workbench-body{grid-template-columns:1fr}.workbench-body>.c-pane+.c-pane{border-left:0;border-top:var(--chrome-frame) solid var(--color-record)}.workbench-index,.workbench-record{overflow-x:auto}}

b,strong{font-weight:600}code{font:var(--font-role-ui-01)}

.rule-bar{height:var(--chrome-title)}

.c-input[readonly]{border-style:double}.c-checkbox:indeterminate::after{content:"";position:absolute;left:4px;right:4px;top:50%;height:2px;transform:translateY(-50%);background:var(--color-ink)}.c-tabpanel{min-height:var(--density-standard-row);padding:var(--density-cell-inset);border:var(--chrome-rule) solid var(--color-record);font:var(--font-role-ui-02)}.c-tabpanel[hidden]{display:none}

.widget-catalog>#open-demo-dialog{height:var(--density-touch-row);align-self:start}

/* Bounded selection uses base0A. Live computation remains signal blue. */
::selection{background:var(--color-selection);color:var(--color-ink)}
.c-tabs button[aria-selected="true"],.c-checkbox:checked,.c-radio:checked{background:var(--color-selection);color:var(--color-ink)}
.chrome-title.active,:where(.c-pane__titlebar--active){background:var(--color-selection);color:var(--color-ink)}
.prohibition>*{padding:var(--density-control-gap)}
.prohibition{min-height:var(--space-12u)}
.c-select-wrap{position:relative;display:block;width:100%;min-height:var(--density-touch-row)}
.c-select-wrap .c-select{appearance:none;padding-right:calc(var(--density-touch-row) + var(--density-cell-inset))}
.c-select-wrap::after{content:"▼";position:absolute;right:0;top:0;width:var(--density-touch-row);height:var(--density-touch-row);display:grid;place-items:center;border-left:var(--chrome-rule) solid var(--color-primary);background:var(--color-machine);color:var(--color-primary);font:var(--font-role-ui-02);pointer-events:none}
.c-select-wrap:focus-within::after{background:var(--color-selection);color:var(--color-ink);border-left-color:var(--color-ink)}
.c-select option{background:var(--color-machine);color:var(--color-primary);font:var(--font-role-ui-01)}
.c-scalar{display:grid;grid-template-columns:minmax(0,1fr) var(--chrome-control) var(--chrome-control);width:100%;height:var(--density-touch-row);border:var(--chrome-rule) solid var(--color-primary);background:var(--color-machine)}
.c-scalar>input{min-width:0;width:100%;height:100%;border:0;padding:0 var(--density-cell-inset);appearance:textfield;background:var(--color-machine);color:var(--color-primary);font:var(--font-role-ui-01)}
.c-scalar>input::-webkit-inner-spin-button,.c-scalar>input::-webkit-outer-spin-button{appearance:none;margin:0}
.c-scalar__steps{display:contents}
.c-scalar button{height:100%;min-width:0;border:0;border-left:var(--chrome-rule) solid var(--color-primary);border-radius:0;background:var(--color-machine);color:var(--color-primary);padding:0;font:var(--font-role-ui-01)}
.c-scalar button:hover{background:var(--color-record);color:var(--color-ink)}.c-scalar button:active{background:var(--color-selection);color:var(--color-ink)}
.c-scalar:focus-within{outline:var(--chrome-frame) solid var(--interaction-focus-frame);outline-offset:var(--chrome-frame)}
input[type="range"]{--range-position:50%;appearance:none;width:100%;height:var(--density-touch-row);margin:0;background:transparent;cursor:pointer}
input[type="range"]::-webkit-slider-runnable-track{height:var(--space-u);background:var(--color-primary)}
input[type="range"]::-webkit-slider-thumb{appearance:none;width:var(--space-4u);height:var(--space-6u);margin-top:calc(var(--space-2u) * -1 - var(--chrome-frame));border:var(--chrome-frame) solid var(--color-ink);border-radius:0;background:var(--color-selection)}
input[type="range"]::-moz-range-track{height:var(--space-u);background:var(--color-primary)}input[type="range"]::-moz-range-progress{height:var(--space-u);background:var(--color-selection)}input[type="range"]::-moz-range-thumb{width:var(--space-4u);height:var(--space-6u);border:var(--chrome-frame) solid var(--color-ink);border-radius:0;background:var(--color-selection)}
input[type="range"]:focus-visible{outline:var(--chrome-frame) solid var(--interaction-focus-frame);outline-offset:0}input[type="range"]:disabled{cursor:not-allowed;opacity:.55}

/* Field grammar: legend → instruction → control → state message. */
.widget-catalog{border:0}
.widget-catalog>*{border:var(--chrome-rule) solid var(--color-primary)}
.c-form-field{min-inline-size:0;margin:0;padding:var(--density-cell-inset);border:var(--chrome-rule) solid var(--color-primary);font:var(--font-role-ui-01)}
.c-form-field legend,.widget-choice legend{padding:0 var(--space-u);color:var(--color-primary);font:var(--font-role-ui-01)}
.c-form-field__instruction{color:var(--color-primary);font:var(--font-role-ui-02)}
.c-form-field[data-state="error"]{border-color:var(--color-validation)}.c-input[aria-invalid="true"]{border-color:var(--color-validation)}
.c-form-field[data-state="error"] legend{color:var(--color-primary)}
.c-form-field .c-form-message{order:4}
dialog.c-dialog[open]{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(var(--dimension-dialog-width),calc(100vw - var(--space-8u)));max-width:none;margin:0;z-index:20;background:var(--color-machine);color:var(--color-primary)}
dialog.c-dialog::backdrop{background:color-mix(in srgb,var(--color-machine) 78%,transparent)}

.component-example .c-scalar,.component-example .c-select-wrap{width:var(--dimension-element-name-column)}
@media(max-width:900px){.element-table{min-width:0;max-width:100%}}

.table-scroll{max-width:100%;overflow-x:auto}

@media(max-width:560px){.prohibition{display:grid;grid-template-columns:1fr}.prohibition>*{width:100%}.prohibition>*+*{border-left:0;border-top:var(--chrome-rule) solid currentColor}}

dialog.c-dialog[open]{border:var(--chrome-frame) solid var(--color-record)!important}


body>.c-link-preview{position:fixed;z-index:30;width:min(var(--dimension-link-preview-width),calc(100vw - var(--space-4u)));max-height:var(--dimension-link-preview-width);overflow:auto;border:var(--chrome-frame) solid var(--color-record);background:var(--color-machine);color:var(--color-primary)}
.c-link-preview__title{min-height:var(--density-dense-row);display:flex;align-items:center;padding:0 var(--density-cell-inset);background:var(--color-record);color:var(--color-ink);font:var(--font-role-ui-02)}
.c-link-preview__meta{padding:var(--density-cell-inset);border-bottom:var(--chrome-rule) solid var(--color-record);font:var(--font-role-ui-02)}
.c-link-preview__body{margin:0;padding:var(--density-cell-inset);font:var(--font-role-b-03)}
.c-link-preview[hidden]{display:none}.component-example>.c-link-preview{position:static;display:inline-flex;width:auto;min-height:var(--chrome-control);overflow:visible;padding:0 var(--density-cell-inset);align-items:center;border:var(--chrome-rule) solid var(--color-record);font:var(--font-role-ui-02)}

/* Dialog action color is semantic and stable: neutral cancel, selection commit, risk destructive commit. */
dialog.c-dialog [data-action="cancel"],.component-example [data-action="cancel"]{background:var(--color-machine);color:var(--color-primary)}
dialog.c-dialog [data-action="commit"],.component-example [data-action="commit"]{background:var(--color-selection);color:var(--color-ink)}
dialog.c-dialog .c-button--danger[data-action="commit"],.component-example .c-button--danger[data-action="commit"]{background:var(--color-risk);color:var(--color-record)}
dialog.c-dialog [data-action]:focus-visible{outline:var(--chrome-frame) solid var(--interaction-focus-frame);outline-offset:calc(var(--chrome-frame) * -1)}

dialog.c-dialog>.c-pane__titlebar{font:var(--font-role-ui-01)}dialog.c-dialog>p{font:var(--font-role-b-02);padding:var(--density-control-gap)}dialog.c-dialog form .c-button{font:var(--font-role-ui-01)}

/* One bounded mouseover language. Disabled controls do not respond. */
.c-button:not(:disabled):not(.c-button--danger):hover,.c-tabs button:not(:disabled):hover,.c-disclosure summary:hover,.c-scalar button:hover{background:var(--interaction-hover-surface);color:var(--interaction-hover-text)}
.c-action:hover,.c-nav-item:hover{background:var(--interaction-hover-surface);color:var(--interaction-hover-text)}
.c-form-field:has(.c-input:hover,.c-textarea:hover,.c-select:hover,.c-file:hover,input[type="range"]:hover,.c-scalar:hover),.widget-choice:has(input:not(:disabled):hover){border-color:var(--interaction-hover-surface)}
.widget-choice label:has(input:not(:disabled)):hover{color:var(--interaction-hover-surface)}
.c-select-wrap:hover::after{background:var(--interaction-hover-surface);color:var(--interaction-hover-text);border-left-color:var(--color-ink)}
.c-file::file-selector-button:hover{background:var(--interaction-hover-surface);color:var(--interaction-hover-text)}
dialog.c-dialog .c-button--danger[data-action="commit"]:hover{background:color-mix(in srgb,var(--interaction-destructive-surface) 80%,var(--color-record));color:var(--color-ink)}

/* Ink divides adjacent light surfaces, including the base0A highlight. */
.c-tabs button[aria-selected="true"]{border-left:var(--chrome-rule) solid var(--divider-inside-light);border-right-color:var(--divider-inside-light)}
.c-tabs button:has(+button[aria-selected="true"]){border-right-color:var(--divider-inside-light)}
.c-checkbox:checked,.c-radio:checked{border-color:var(--divider-inside-light)}
.c-switch:checked{border-color:var(--divider-inside-light);background:var(--semantic-active)}.c-switch:checked:before{background:var(--color-ink)}
.c-toolbar--light>*+*,.c-pane__titlebar--active>*+*{border-left-color:var(--divider-inside-light)}
.c-button:not(:disabled):not(.c-button--danger):hover{border-color:var(--divider-inside-light)}
dialog.c-dialog [data-action="cancel"]:hover{border-right-color:var(--divider-inside-light)}

.l-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--density-module-gap)}.c-chart{margin:0;border:var(--chrome-frame) solid var(--color-record);background:var(--color-machine);min-width:0}.c-chart--matrix{grid-column:1/-1}.c-chart figcaption{min-height:var(--density-dense-row);display:grid;grid-template-columns:1fr 1fr;border-bottom:var(--chrome-rule) solid var(--divider-inside-light);background:var(--color-record);color:var(--color-ink);font:var(--font-role-ui-02)}.c-chart figcaption>*{display:flex;align-items:center;padding:0 var(--density-cell-inset)}.c-chart figcaption>*+*{border-left:var(--chrome-rule) solid var(--divider-inside-light)}.c-chart svg{display:block;width:100%;height:auto;background:var(--color-machine)}.c-chart text{fill:var(--color-primary);font:var(--font-role-ui-02)}.c-chart__grid :is(path,line){fill:none;stroke:color-mix(in srgb,var(--color-primary) 28%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.c-chart__axis text{fill:var(--color-primary)}.c-chart__mark{fill:var(--color-secondary-structure);stroke:var(--color-machine);stroke-width:1;cursor:crosshair}.c-chart__mark.level-1{fill:color-mix(in srgb,var(--color-primary) 24%,var(--color-machine))}.c-chart__mark.level-2{fill:color-mix(in srgb,var(--color-primary) 48%,var(--color-machine))}.c-chart__mark.level-3{fill:color-mix(in srgb,var(--color-primary) 72%,var(--color-machine))}.c-chart__mark.is-selected{fill:var(--semantic-active);stroke:var(--divider-inside-light);stroke-width:2}.c-chart__mark:hover,.c-chart__mark:focus{fill:var(--interaction-hover-surface);stroke:var(--divider-inside-light);stroke-width:2;outline:none}.c-chart__line{fill:none;stroke:var(--color-primary);stroke-width:3;vector-effect:non-scaling-stroke}.c-chart__line--secondary{stroke:var(--color-secondary-structure);stroke-width:2}.c-chart__line.is-live{fill:none;stroke:var(--semantic-live);stroke-width:3}.c-chart__line:hover,.c-chart__line:focus{fill:none;stroke:var(--interaction-hover-surface);stroke-width:4}.c-chart__annotation path{fill:none;stroke:var(--color-primary);stroke-width:1}.c-chart__readout,.c-chart__source{min-height:var(--density-dense-row);display:flex;align-items:center;padding:0 var(--density-cell-inset);border-top:var(--chrome-rule) solid var(--divider-on-dark);font:var(--font-role-ui-02)}.c-chart__source{color:var(--color-secondary-structure)}.c-chart__legend{font:var(--font-role-ui-02)}.chart-principles{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:var(--density-module-gap);border:var(--chrome-frame) solid var(--color-primary);font:var(--font-role-ui-02)}.chart-principles>*{min-height:var(--density-dense-row);display:flex;align-items:center;padding:0 var(--density-cell-inset)}.chart-principles>*+*{border-left:var(--chrome-rule) solid var(--divider-on-dark)}
@media(max-width:900px){.l-chart-grid{grid-template-columns:1fr}.c-chart--matrix{grid-column:auto}.chart-principles{grid-template-columns:1fr}.chart-principles>*+*{border-left:0;border-top:var(--chrome-rule) solid var(--divider-on-dark)}}

/* Boundary ownership correction: ink only separates two adjacent light regions. */
.c-tabs button[aria-selected="true"]{border-left:0;border-right-color:var(--divider-dark-light)}.c-tabs button:has(+button[aria-selected="true"]){border-right-color:var(--divider-dark-light)}
.c-checkbox:checked,.c-radio:checked{border-color:var(--divider-dark-light)}
.c-switch:checked{border-color:var(--divider-dark-light)}


.c-checkbox:checked:hover,.c-radio:checked:hover,.c-switch:checked:hover,.c-checkbox:checked:focus-visible,.c-radio:checked:focus-visible,.c-switch:checked:focus-visible,.c-tabs button[aria-selected="true"]:hover,.c-tabs button[aria-selected="true"]:focus-visible{outline:var(--chrome-frame) solid var(--divider-inside-light);outline-offset:calc(var(--chrome-frame) * -1)}
.c-chart__context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:var(--chrome-rule) solid var(--base04);border-bottom:var(--chrome-rule) solid var(--base04);background:var(--base00);color:var(--base05);font:var(--font-role-ui-03)}.c-chart__context.is-single{grid-template-columns:1fr}.c-chart__context>div{min-width:0;min-height:var(--density-dense-row);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2u);align-items:center;padding-inline:var(--chrome-inset)}.c-chart__context>div+div{border-left:var(--chrome-rule) solid var(--base04)}.c-chart__context :is(dt,dd){min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-chart__context dt{color:var(--base04)}.c-chart__zero{stroke:var(--base05);stroke-width:4}.c-chart__zero:focus{stroke:var(--interaction-hover-surface);outline:none}
.c-chart__mark.is-selected:hover,.c-chart__mark.is-selected:focus{stroke-width:4}

.l-graph-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--density-module-gap)}.c-graph{margin:0;min-width:0;border:var(--chrome-frame) solid var(--color-record);background:var(--color-machine)}.c-graph--control{grid-column:1/-1}.c-graph figcaption{min-height:var(--density-dense-row);display:grid;grid-template-columns:1fr 1fr;border-bottom:var(--chrome-rule) solid var(--divider-inside-light);background:var(--color-record);color:var(--color-ink);font:var(--font-role-ui-02)}.c-graph figcaption>*{display:flex;align-items:center;padding:0 var(--density-cell-inset)}.c-graph figcaption>*+*{border-left:var(--chrome-rule) solid var(--divider-inside-light)}.c-graph svg{display:block;width:100%;height:auto;overflow:hidden;background:var(--color-machine)}.c-graph text{fill:var(--color-primary);font:var(--font-role-ui-02);pointer-events:none}.c-graph marker path{fill:context-stroke}.c-graph__cluster rect{fill:none;stroke:var(--color-secondary-structure);stroke-width:1}.c-graph__cluster text{fill:var(--color-secondary-structure)}.c-graph__node{fill:var(--color-machine);stroke:var(--color-primary);stroke-width:2;vector-effect:non-scaling-stroke}.c-graph__entity.is-selected .c-graph__node{fill:var(--semantic-active);stroke:var(--divider-inside-light)}.c-graph__entity.is-selected text{fill:var(--color-ink)}.c-graph__entity.is-failed .c-graph__node{stroke:var(--color-alarm-warning)}.c-graph__entity:hover .c-graph__node,.c-graph__entity:focus .c-graph__node{fill:var(--interaction-hover-surface);stroke:var(--divider-inside-light);stroke-width:3}.c-graph__entity:hover text,.c-graph__entity:focus text{fill:var(--interaction-hover-text)}.c-graph__entity:focus{outline:none}.c-graph__edge{fill:none;stroke:var(--color-primary);stroke-width:2;vector-effect:non-scaling-stroke;cursor:crosshair}.c-graph__edge.is-live{stroke:var(--semantic-live);stroke-width:3}.c-graph__edge.is-failed{stroke:var(--color-alarm-warning)}.c-graph__edge:hover,.c-graph__edge:focus{stroke:var(--interaction-hover-surface);stroke-width:4;outline:none}.c-graph__readout,.c-graph__scope{min-height:var(--density-dense-row);display:flex;align-items:center;padding:0 var(--density-cell-inset);border-top:var(--chrome-rule) solid var(--divider-on-dark);font:var(--font-role-ui-02)}.c-graph__scope{color:var(--color-secondary-structure)}.c-graph__port,.c-graph__cluster{font:var(--font-role-ui-02)}.graph-principles{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:var(--density-module-gap);border:var(--chrome-frame) solid var(--color-primary);font:var(--font-role-ui-02)}.graph-principles>*{min-height:var(--density-dense-row);display:flex;align-items:center;padding:0 var(--density-cell-inset)}.graph-principles>*+*{border-left:var(--chrome-rule) solid var(--divider-on-dark)}
@media(max-width:900px){.l-graph-grid{grid-template-columns:1fr}.c-graph--control{grid-column:auto}.graph-principles{grid-template-columns:1fr}.graph-principles>*+*{border-left:0;border-top:var(--chrome-rule) solid var(--divider-on-dark)}}

/* Paper-form rule hierarchy for the complex workbench. */
.c-workbench{border-width:var(--chrome-frame)}

@media(max-width:560px){.c-graph{overflow-x:auto}.c-graph svg{width:var(--dimension-graph-plot-width);max-width:none}}}}.c-graph__relation:focus .c-graph__edge{stroke:var(--interaction-hover-surface);stroke-width:4}

/* Deterministic table rule ownership. One cell owns each visible divider. */

.c-graph__entity text{font:var(--font-role-ui-02)}.c-graph__relation-label{font:var(--font-role-ui-03);fill:var(--base05);stroke:var(--base00);stroke-width:3;paint-order:stroke fill}.c-graph--control svg{max-width:var(--dimension-graph-plot-width);margin-inline:auto}
@media(max-width:560px){.c-graph--control svg{width:var(--dimension-graph-plot-width);max-width:none}}

.c-chart__axis--categories text{text-anchor:middle}
body>.c-inspect-popup{position:fixed;z-index:40;max-width:var(--dimension-link-preview-width);padding:var(--density-cell-inset);border:var(--chrome-frame) solid var(--divider-dark-light);background:var(--color-record);color:var(--color-ink);font:var(--font-role-ui-02);pointer-events:none}.c-inspect-popup[hidden]{display:none}.component-example>.c-inspect-popup{position:static;display:inline-flex;max-width:none;min-height:var(--chrome-control);align-items:center;border-width:var(--chrome-rule)}


.c-tabs button{padding:0 var(--density-cell-inset)}.g-color-token[data-status="reserve"]{border-style:solid;border-right-style:dashed;border-bottom-style:dashed}
.g-color-token[data-status="reserve"]{border-top-width:0;border-left-width:0}

.c-graph--control{grid-column:auto}.c-graph__sum-label{text-anchor:middle;dominant-baseline:central}

.c-chart__series-hit-target{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:crosshair}.c-chart__line.is-inspected{stroke:var(--base0A)!important;stroke-width:5!important}
.c-chart__series-hitfield{fill:transparent;stroke:none;pointer-events:all}.c-chart__series-hitfield:focus{outline:none}.c-chart__crosshair{pointer-events:none}.c-chart__crosshair-guide{fill:none;stroke:var(--color-selection);stroke-width:1;stroke-dasharray:4 4}.c-chart__crosshair-connector{fill:none;stroke-width:1}.c-chart__crosshair-point{fill:var(--color-machine);stroke-width:2}.c-chart__crosshair-box{fill:var(--color-machine);stroke-width:2}.c-chart__crosshair-label{fill:var(--color-record);font:var(--font-role-ui-02)}.c-chart__crosshair-cycle{fill:var(--color-selection);font:var(--font-role-ui-02);text-anchor:middle}

/* Diagram contract for the executable field. */
.principles div{grid-template-columns:minmax(0,3fr) minmax(0,5fr)}.principles dt,.principles dd{font:var(--font-role-ui-01)}
.field-viewport{overflow-x:auto;overflow-y:hidden}.field-viewport canvas{width:max(100%,var(--dimension-field-canvas-min-width))}.field-node-layer{position:absolute;left:0;top:0;z-index:3;pointer-events:none}.c-field-node-target{position:absolute;width:var(--space-16u);height:var(--density-touch-row);padding:0;border:0;background:transparent;transform:translate(-50%,-50%);pointer-events:auto}.c-field-node-target:hover,.c-field-node-target:focus-visible{outline:var(--chrome-frame) solid var(--color-selection);outline-offset:var(--space-u)}.field-joint__labels{fill:var(--color-primary);font:var(--font-role-ui-02);pointer-events:none}.field-joint__service{marker-end:url(#joint-service-arrow)}
#joint-service-arrow path{fill:var(--color-secondary-structure);stroke:none}.field-instrument[data-field-state="live"] #joint-service-arrow path{fill:var(--color-signal)}
.c-field-node-target{font:var(--font-role-ui-02)}
.field-note--c{right:var(--chrome-inset);top:var(--chrome-inset);text-align:right}

/* Guide catalog tables follow the same single-edge frame ownership as production tables. */
.intro>:not(.section-code){grid-column:1/-1}

@media(max-width:900px){
 .guide-rail{height:96px;flex-wrap:wrap;align-content:space-between}
 .guide-rail nav{display:flex;order:3;flex:0 0 calc(100% + var(--space-6u));height:var(--chrome-title);margin:0 calc(-1 * var(--space-3u)) calc(-1 * var(--space-4u));overflow-x:auto;border-top:var(--chrome-rule) solid var(--color-primary);scrollbar-width:thin}
 .guide-rail nav a{flex:none;padding:8px 12px;border-right:var(--chrome-rule) solid var(--color-primary);border-bottom:0;white-space:nowrap}
}

/* A catalog table is one module. Distinct table modules keep the standard 6u interval. */
.guide-section .table-scroll{margin-top:var(--density-module-gap);margin-bottom:var(--density-module-gap)}
.rule-bar+.table-scroll{margin-top:0}
/* Detached components keep one module interval. Attached title bands remain flush with their table. */
.guide-section>:is(.l-split:not(.section-title),.rule-list,.table-scroll,table)+:is(.rule-bar,.rule-list,.table-scroll,table,.l-chart-grid,.l-graph-grid){margin-top:var(--density-module-gap)}
.rule-bar+.table-scroll{margin-top:0}


/* Application contract groups are distinct modules; their own title bands remain attached. */
#applications>.rule-list+.rule-bar,#applications>.rule-list+.l-split,#applications>.l-split+.l-split,#applications>.l-split+.rule-bar{margin-top:var(--density-module-gap)}


.c-button--commit{background:var(--color-selection);color:var(--color-ink);border-color:var(--color-ink)}
.c-button--commit:not(:disabled):hover{background:var(--color-record);color:var(--color-ink)}

/* Operational HMI profile. General surfaces keep the base profile. */
.g-color-token[data-status="operational"]{border-style:solid;border-top-width:0;border-left-width:0;border-right-width:var(--chrome-frame);border-bottom-width:var(--chrome-frame)}
.operational-panel{min-width:0;border:var(--chrome-frame) solid var(--divider-on-dark);background:var(--base00);color:var(--base05)}[data-table-role="alarm-ledger"] .c-data-table :is(th,td){border-color:var(--base04);background:var(--base00);color:var(--base05)}[data-table-role="alarm-ledger"] .c-data-table thead th{background:var(--base05);color:var(--base00)}.operational-panel :is(.op-label,.op-value,.c-alarm__state,.c-inspector dt,.c-inspector dd,.c-operating-envelope__value){color:var(--base05)}
.operational-panel>.rule-bar{border:0;border-bottom:var(--chrome-frame) solid var(--divider-on-dark)}
[data-table-role="alarm-ledger"] .c-data-table{font:var(--font-role-ui-02)}
[data-table-role="alarm-ledger"] .c-data-table :is(td,th){height:var(--density-operational-standard-row);vertical-align:middle}
[data-table-role="alarm-ledger"] .c-data-table th small,[data-table-role="alarm-ledger"] .c-data-table td small{display:block;margin-top:var(--space-u);color:var(--base04)}
[data-table-role="alarm-ledger"] .c-data-table .c-alarm__priority-cell{position:relative;padding:0}
.c-alarm__priority{position:absolute;inset:0;display:flex;inline-size:100%;min-height:100%;align-items:center;padding:0 var(--density-cell-inset);border:0;font:var(--font-role-ui-02);color:var(--base01);white-space:nowrap}
.c-alarm__priority[data-priority="warning"]{background:var(--color-alarm-warning)}
.c-alarm__priority[data-priority="caution"]{background:var(--color-alarm-caution)}
.c-alarm__priority[data-priority="advisory"]{background:var(--color-alarm-advisory)}
.c-alarm__priority[data-priority="unknown"]{background:var(--color-disabled)}
.c-alarm__state{font:var(--font-role-ui-02)}
.c-operational-control{display:flex;flex-direction:column}
.c-operating-envelope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--density-compact-gap);padding:var(--density-module-gap);border-bottom:var(--chrome-frame) solid var(--divider-on-dark)}
.c-operating-envelope__value{grid-column:1/-1;font:var(--font-role-ui-01)}
.c-operating-envelope__range{grid-column:1/-1;width:100%}
.op-label{grid-column:1/-1;font:var(--font-role-ui-02)}
.op-value{font:var(--font-role-ui-02)}
.c-quality{display:inline-flex;align-items:center;min-height:var(--density-operational-dense-row);padding:0 var(--density-cell-inset);border:var(--chrome-rule) solid var(--divider-on-dark);font:var(--font-role-ui-03);white-space:nowrap}
.c-quality--valid{border-color:var(--color-primary)}
.c-quality--stale{border-color:var(--color-disabled);border-style:dashed}
.c-quality--held{border-color:var(--color-selection);border-style:double}
.c-command-review{border-bottom:var(--chrome-frame) solid var(--divider-on-dark)}
.c-command-review__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.c-command-review__fields>div{min-width:0;padding:var(--density-cell-inset);border-right:var(--chrome-rule) solid var(--divider-on-dark);border-bottom:var(--chrome-rule) solid var(--divider-on-dark)}
.c-command-review__fields>div:nth-child(2n){border-right:0}.c-command-review__fields>div:nth-last-child(-n+2){border-bottom:0}
.c-command-review__fields :is(dt,dd){margin:0;font:var(--font-role-ui-02)}.c-command-review__fields dt{color:var(--base04)}.c-command-review__fields dd{margin-top:var(--space-u);color:var(--base05)}
.c-operational-control .c-toolbar{margin-top:auto;border-top:var(--chrome-frame) solid var(--divider-on-dark)}
.c-hmi-register{min-width:var(--dimension-wide-table-min-width)}
.c-hmi-register td{font:var(--font-role-b-03)}
.c-hmi-register td:first-child,.c-hmi-register td:nth-child(2){font:var(--font-role-ui-02)}
.c-evidence-note{border-bottom:var(--chrome-frame) solid var(--divider-on-dark)}
.c-citation-register td{font:var(--font-role-b-03)}
.c-citation-register td:first-child,.c-citation-register td:first-child b{font:var(--font-role-ui-02)}
.c-citation-register .c-action{display:inline-block;margin-top:var(--density-cell-inset);font:var(--font-role-ui-01)}
.component-example>.c-alarm,.component-example>.c-alarm-ledger,.component-example>.c-operating-envelope{display:inline-flex;min-height:var(--chrome-control);align-items:center;padding:0 var(--density-cell-inset);border:var(--chrome-rule) solid var(--divider-on-dark);font:var(--font-role-ui-02)}
.component-example>.c-alarm__priority,.component-example>.c-quality{min-height:var(--chrome-control)}
@media(max-width:900px){[data-table-role="alarm-ledger"] .c-data-table{min-width:var(--dimension-table-min-width)}.operational-sources .c-citation-register{min-width:var(--dimension-wide-table-min-width)}}
@media(prefers-reduced-motion:reduce){.c-alarm__priority{animation:none}}


/* Unified HMI target geometry. Visual glyph size and hit target remain distinct. */
.c-action,.c-nav-item{display:inline-flex;min-height:var(--chrome-control);align-items:center}
.control-catalog .c-action,.control-catalog .c-nav-item{padding-inline:var(--density-cell-inset)}
.c-field-node-target{height:var(--density-touch-row)}
.widget-choice label{min-height:var(--density-touch-row);align-items:center}
.component-example .c-tabs button,.component-example label.g-example{min-height:var(--density-touch-row)}

.component-example>.c-nav-item{font:var(--font-role-ui-01)}

@media(max-width:560px){
 #color>.rule-bar{height:auto;display:grid;grid-template-columns:1fr}
 #color>.rule-bar>*{min-height:var(--chrome-title)}
 #color>.rule-bar>*+*{border-left:0;border-top:var(--chrome-rule) solid currentColor}
}

/* Scroll-reactive light entry field. The stage stays in one viewport while the model changes. */
.c-light-hero{position:relative;z-index:6;width:100%;height:280svh;background:var(--color-record);color:var(--color-ink);--hero-progress:0}
.c-light-hero__stage{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;isolation:isolate;background:var(--color-record)}
.c-light-hero__stage:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--color-record) 92%,transparent) 0,color-mix(in srgb,var(--color-record) 64%,transparent) 50%,color-mix(in srgb,var(--color-record) 12%,transparent) 100%)}
.c-light-hero__shader{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;background:var(--color-record)}
.c-light-hero__body{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:var(--density-module-gap);padding:var(--space-12u) var(--grid-edge-wide)}
.c-light-hero__copy{grid-column:1/9;max-width:calc(var(--space-20u) * 10)}
.c-light-hero__copy h1{margin:0;color:var(--color-ink);font:var(--font-role-d-01);letter-spacing:-.045em}.c-light-hero__copy p{max-width:calc(var(--space-20u) * 8);margin:var(--space-8u) 0 var(--space-6u);color:var(--color-ink)}
.c-light-hero .c-action{border-color:var(--color-ink);color:var(--color-ink);background:transparent}.c-light-hero .c-action:hover,.c-light-hero .c-action:focus-visible{background:var(--color-ink);color:var(--color-record)}
.c-guide-summary{position:absolute;z-index:3;top:180svh;left:0;width:100%;min-height:100svh;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-content:center;gap:var(--density-module-gap);padding:var(--space-16u) var(--grid-edge-wide);border-top:var(--chrome-frame) solid var(--color-ink);border-bottom:var(--chrome-frame) solid var(--color-ink);background:linear-gradient(90deg,var(--color-record) 0,var(--color-record) 58%,color-mix(in srgb,var(--color-record) 92%,transparent) 68%,color-mix(in srgb,var(--color-record) 48%,transparent) 100%);color:var(--color-ink)}
.c-guide-summary__lead{grid-column:1/8}.c-guide-summary__lead h2{max-width:calc(var(--space-20u) * 9);margin:0;font:var(--font-role-d-02);letter-spacing:-.045em;color:var(--color-ink)}.c-guide-summary__lead p{color:var(--color-ink);max-width:calc(var(--space-20u) * 7);margin:var(--space-8u) 0 var(--space-6u)}
.c-guide-summary__scope{grid-column:9/13;align-self:center;margin:0;border:var(--chrome-frame) solid var(--color-ink);background:color-mix(in srgb,var(--color-record) 72%,transparent)}.c-guide-summary__scope div{min-height:var(--space-16u);display:grid;grid-template-columns:1fr 2fr;align-items:start;gap:var(--density-compact-gap);padding:var(--density-cell-inset);border-bottom:var(--chrome-rule) solid var(--color-ink)}.c-guide-summary__scope div:last-child{border-bottom:0}.c-guide-summary__scope dt,.c-guide-summary__scope dd{font:var(--font-role-ui-02)}.c-guide-summary__scope dd{margin:0}.c-guide-summary__scope code{font:inherit;overflow-wrap:anywhere}
@media(max-width:900px){.c-light-hero__copy{grid-column:1/-1}.c-guide-summary__lead{grid-column:1/-1}.c-guide-summary__scope{grid-column:1/-1}.c-guide-summary{align-content:end}}
@media(max-width:560px){.c-light-hero__stage:after{background:color-mix(in srgb,var(--color-record) 68%,transparent)}.c-light-hero__body{padding:var(--space-8u) var(--grid-edge-small)}.c-light-hero__copy h1{font:var(--font-role-t-01)}.c-light-hero__copy p{margin:var(--space-6u) 0}.c-guide-summary{padding:var(--space-12u) var(--grid-edge-small);background:linear-gradient(to bottom,transparent 0,var(--color-record) 32%)}.c-guide-summary__lead h2{font:var(--font-role-t-01)}.c-guide-summary__scope div{grid-template-columns:1fr}}
/* Page navigation. This bar changes documents; in-page navigation belongs to the service spine. */
.c-page-nav{position:sticky;z-index:8;top:0;width:100%;height:var(--chrome-title);min-height:var(--chrome-title);display:grid;grid-template-columns:var(--guide-rail) minmax(0,1fr);border-bottom:var(--chrome-rule) solid var(--color-primary);background:var(--color-machine);color:var(--color-primary);font:var(--font-role-ui-01)}
.c-page-nav__brand{display:flex;align-items:center;padding:0 var(--chrome-inset);border-right:var(--chrome-rule) solid var(--color-primary);color:var(--color-primary);text-decoration:none;white-space:nowrap}
.c-page-nav__links{min-width:0;display:flex;overflow-x:auto;scrollbar-width:thin}
.c-page-nav__links .c-nav-item{flex:none;height:100%;min-height:0;padding:0 var(--chrome-inset);border-right:var(--chrome-rule) solid var(--color-primary);color:var(--color-primary);text-decoration:none;white-space:nowrap}
.c-page-nav__links .c-nav-item:hover,.c-page-nav__links .c-nav-item:focus-visible{background:var(--color-record);color:var(--color-ink)}.c-page-nav__links .c-nav-item[aria-current="page"]{background:var(--color-primary);color:var(--color-machine)}
.component-example>.c-page-nav{position:static;display:inline-flex;width:auto}.component-example>.c-page-nav .c-page-nav__brand{display:none}
@media(max-width:900px){.c-page-nav{grid-template-columns:auto minmax(0,1fr)}}
.c-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.c-input::placeholder,.c-textarea::placeholder{color:var(--color-disabled);opacity:1}

/* Redundant information channels: color never carries graph or chart state alone. */
.c-chart__line--dotted{stroke-dasharray:2 5;stroke-linecap:round}.c-chart__line--dashed{stroke-dasharray:10 5}

.c-pane.public-legal-pattern{border:var(--chrome-frame) solid var(--color-primary)}.c-pane.public-legal-pattern>.c-pane__titlebar{border-bottom:var(--chrome-rule) solid var(--color-primary)}.c-pane.public-legal-pattern>.c-toolbar{border-top:var(--chrome-rule) solid var(--color-primary)}

.prohibition{color:var(--base07)}

.data-graphic-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--density-module-gap)}.data-graphic-specimen>.c-title{margin-block:0 var(--space-3u);font:var(--font-role-t-02)}@media(max-width:900px){.data-graphic-gallery{grid-template-columns:1fr}}

.c-dialog-anatomy{border:var(--chrome-frame) solid var(--base04);background:var(--base00);color:var(--base05)}.c-dialog-anatomy>.c-body{padding:var(--density-cell-inset);color:var(--base05)}

.c-action-specimens{grid-template-columns:repeat(5,minmax(0,1fr))}.c-action-specimens>*{min-width:0}.c-action-specimens .c-pane__status{justify-content:center}
@media(max-width:720px){.c-action-specimens{grid-template-columns:repeat(2,minmax(0,1fr))}.c-action-specimens .c-pane__status{grid-column:1/-1}}

.c-domain-register{margin-top:var(--space-8u);border-top:var(--chrome-frame) solid var(--color-primary)}.c-domain-register>.rule-bar{padding:var(--chrome-inset) 0}.c-domain-register__list{margin:0}.c-domain-register__list>div{display:grid;grid-template-columns:minmax(9rem,3fr) minmax(0,9fr);border-top:var(--chrome-rule) solid var(--color-primary)}.c-domain-register__list :is(dt,dd){margin:0;padding:var(--density-cell-inset)}.c-domain-register__list dt{font:var(--font-role-ui-02)}.c-domain-register__list dd{border-left:var(--chrome-rule) solid var(--color-primary)}@media(max-width:720px){.c-domain-register__list>div{grid-template-columns:1fr}.c-domain-register__list dd{border-left:0;padding-top:0}}

.prohibition{background:var(--color-risk);color:var(--base07)}.route-style-guide [data-style-guide-main] .prohibition>*{color:var(--base07)}.route-style-guide [data-style-guide-main] .c-dialog-anatomy>.c-body{color:var(--base05)!important}.route-style-guide [data-style-guide-main] .c-form-message[data-state="error"]{color:var(--color-ink)}.route-style-guide [data-style-guide-main] .widget-measure :is(progress,meter){color:var(--base05)}

[data-table-role="alarm-ledger"] .c-data-table th small{display:block;margin-top:var(--space-u);color:var(--base04)}.c-action-specimens>*{justify-content:center;text-align:center}
.c-graph .c-graph__relation-label{font:var(--font-role-ui-03)}
.c-graph .c-graph__relation-label{font:var(--font-role-ui-03)}

/* MIG-029 restores the accepted guide grammar while retaining theme aliases. */
.rule-list>li{display:grid;grid-template-columns:1fr 2fr;min-height:var(--space-16u);align-items:center;border-bottom:var(--chrome-rule) solid var(--color-primary)}.rule-list>li>b,.rule-list>li>p{margin:0;padding:var(--chrome-inset)}.rule-list>li>b{font:var(--font-role-ui-01)}.rule-list>li>p{font:var(--font-role-b-02)}.rule-register>li{display:block;min-height:0}.rule-register>li>.rule-record{width:100%}
.route-style-guide [data-style-guide-main] :is(.c-input,.c-textarea,.c-select,.c-file,.c-scalar,input[type="range"],.widget-choice){border-color:var(--color-ink);background-color:var(--color-record);color:var(--color-ink)}.route-style-guide [data-style-guide-main] :is(.c-form-field,.widget-choice) legend{color:var(--color-ink)}.route-style-guide [data-style-guide-main] :is(.c-checkbox,.c-radio,.c-switch){border-color:var(--color-ink);background:var(--color-record)}.route-style-guide [data-style-guide-main] :is(.c-checkbox,.c-radio,.c-switch):checked{background-color:var(--color-selection);border-color:var(--color-ink)}.route-style-guide [data-style-guide-main] .c-checkbox:checked::after{border-color:var(--color-ink)}.route-style-guide [data-style-guide-main] .c-switch::before{background:var(--color-ink)}
.c-textarea::placeholder{color:var(--color-disabled);opacity:1}.c-date-wrap{position:relative;display:block}.c-date-wrap>.c-input{padding-right:var(--density-touch-row)}.c-date-wrap>.c-input::-webkit-calendar-picker-indicator{position:absolute;right:0;width:var(--density-touch-row);height:var(--density-touch-row);margin:0;opacity:0;cursor:pointer}.c-date-wrap::after{content:"DATE";position:absolute;right:0;top:0;width:var(--density-touch-row);height:var(--density-touch-row);display:grid;place-items:center;border-left:var(--chrome-rule) solid currentColor;font:var(--font-role-ui-03);pointer-events:none}.c-date-wrap:focus-within::after{background:var(--color-selection);color:var(--color-ink)}
.route-style-guide [data-style-guide-main] .c-file{border:var(--chrome-frame) solid currentColor}.route-style-guide [data-style-guide-main] .c-file::file-selector-button{border-right:var(--chrome-frame) solid var(--color-ink)}
.route-style-guide [data-style-guide-main] .c-form-message[data-state="error"]{color:var(--color-risk)}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .route-style-guide [data-style-guide-main] .c-form-message[data-state="error"]{color:var(--color-validation)}}:root[data-theme="dark"] .route-style-guide [data-style-guide-main] .c-form-message[data-state="error"]{color:var(--color-validation)}
.c-dialog-anatomy .c-button--danger,.c-action-specimens .c-button--danger{background:var(--color-risk);color:var(--color-record);border-color:var(--color-risk)}.c-action-specimens{column-gap:var(--space-2u)}.c-action-specimens>.c-action{justify-content:center;padding-inline:var(--density-cell-inset)}

.route-style-guide [data-style-guide-main] :is(.principles,.rule-list){color:var(--color-ink);border-color:var(--color-ink)}.route-style-guide [data-style-guide-main] :is(.principles dt,.principles dd,.rule-list>li>b,.rule-list>li>p){color:var(--color-ink)}.route-style-guide [data-style-guide-main] :is(.principles>div,.rule-list>li){border-color:var(--color-ink)}.route-style-guide [data-style-guide-main] :is(.c-checkbox:indeterminate,.c-checkbox.is-mixed){background:var(--color-selection);border-color:var(--color-ink);position:relative}.c-checkbox.is-mixed::after{content:"";position:absolute;left:4px;right:4px;top:50%;height:2px;transform:translateY(-50%);background:var(--color-ink)}.widget-catalog>.widget-full{grid-column:1/-1}.c-action-specimens{grid-template-columns:1.3fr 1.3fr .8fr .8fr .6fr}

.c-mixed-choice{position:relative}.c-mixed-choice__mark{position:absolute;left:4px;top:50%;width:16px;transform:translateY(-52%);color:var(--color-ink);font:var(--font-role-ui-01);font-weight:700;text-align:center;pointer-events:none}.c-action-specimens{column-gap:var(--space-8u)}.c-action-specimens>.c-action{display:flex;justify-content:center;padding-inline:var(--space-4u);white-space:nowrap}.c-dialog-anatomy{overflow:visible}.c-dialog-anatomy>.c-body{display:block;min-width:0;white-space:normal}

.c-section-divider{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:var(--density-dense-row);margin-block:var(--density-module-gap);border:var(--chrome-frame) solid var(--base07);font:var(--font-role-ui-02)}.c-section-divider>span{display:flex;align-items:center;padding-inline:var(--density-cell-inset)}.c-section-divider__label{background:var(--base00);color:var(--base05)}.c-section-divider__context{justify-content:flex-end;border-left:var(--chrome-rule) solid var(--base07);background:var(--base00);color:var(--base05)}
:is(figure.c-chart,figure.c-graph){border:0;background:var(--base00)}:is(figure.c-chart,figure.c-graph)>figcaption{border:var(--chrome-frame) solid var(--base00);background:var(--base07);color:var(--base01)}:is(figure.c-chart,figure.c-graph)>figcaption>*+*{border-left-color:var(--base00)}:is(figure.c-chart,figure.c-graph)>:not(figcaption):not(.public-visually-hidden){border-left:var(--chrome-frame) solid var(--base00);border-right:var(--chrome-frame) solid var(--base00)}:is(figure.c-chart,figure.c-graph)>:last-child{border-bottom:var(--chrome-frame) solid var(--base00)}:is(.c-chart,.c-graph) :is(.c-chart__readout,.c-chart__source,.c-graph__readout,.c-graph__scope){min-height:var(--density-dense-row);display:flex;align-items:center;padding-inline:var(--density-cell-inset);border-top:var(--chrome-rule) solid var(--base04);background:var(--base00);color:var(--base05);font:var(--font-role-ui-02)}
.c-graph__edge{fill:none}.c-graph__relation-label{font:var(--font-role-ui-03);fill:var(--base05);stroke:var(--base00);stroke-width:3;paint-order:stroke fill}.c-chart.c-chart--matrix text,.c-chart .c-neural-hinton__label{font:var(--font-role-ui-03)}.c-chart .c-hinton__sign{font:var(--font-role-ui-01)}
@media(max-width:560px){.c-section-divider{grid-template-columns:1fr}.c-section-divider__context{justify-content:flex-start;border-left:0;border-top:var(--chrome-rule) solid var(--base07)}.c-graph{overflow-x:auto}.c-graph svg{width:var(--dimension-graph-plot-width);max-width:none}}

.c-graph .c-graph__entity.is-selected :is(text,tspan){fill:var(--base01)!important}

.c-graph .c-graph__entity.is-selected .c-graph__node{fill:var(--base0A)!important;stroke:var(--base07)!important}

.c-chart .c-chart__mark.is-selected{fill:var(--base0A)!important;stroke:var(--base07)!important}.c-chart .c-chart__mark:is(:hover,:focus){fill:var(--base07)!important;stroke:var(--base01)!important}.c-graph .c-graph__entity:is(:hover,:focus) .c-graph__node{fill:var(--base07)!important;stroke:var(--base01)!important}.c-graph .c-graph__entity:is(:hover,:focus) text{fill:var(--base01)!important}
/* Universal table grammar. Role identifies authority; layout and width are orthogonal. */
.c-data-table-frame{--table-frame:var(--base01);--table-rule:var(--base04);--table-machine:var(--base00);--table-record:var(--base07);--table-ink:var(--base01);--table-text:var(--base05);min-width:0;border:var(--chrome-frame) solid var(--table-frame);background:var(--table-machine);color:var(--table-text)}
.c-data-table-frame--scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}.c-data-table-frame--scroll:focus-visible{outline:var(--chrome-frame) solid var(--interaction-focus-frame);outline-offset:var(--chrome-frame)}.c-data-table-frame--scroll>.c-data-table{min-width:560px}.table-scroll:has(>.c-data-table-frame){overflow:visible}
.c-data-table{width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;background:var(--table-machine);color:var(--table-text);font:var(--font-role-ui-02)}
.c-data-table caption{min-height:var(--density-dense-row);padding:var(--density-cell-inset);border:0;border-bottom:var(--chrome-frame) solid var(--table-frame);background:var(--table-frame);color:var(--table-record);text-align:left}
.c-data-table :is(th,td){padding:var(--density-cell-inset);border:0;border-right:var(--chrome-rule) solid var(--table-rule);border-bottom:var(--chrome-rule) solid var(--table-rule);vertical-align:top;text-align:left}
.c-data-table thead th{background:var(--table-record);color:var(--table-ink);font-weight:600;border-right-color:var(--table-frame);border-bottom:var(--chrome-frame) solid var(--table-frame)}
.c-data-table tbody :is(th,td){background:var(--table-machine);color:var(--table-text)}.c-data-table tbody th{font-weight:600;border-right:var(--chrome-frame) solid var(--table-rule)}
.c-data-table tr>*:last-child{border-right:0}.c-data-table tbody tr:last-child>*{border-bottom:0}
.c-data-table tbody tr.is-selected>*{background:var(--base0A);color:var(--base01);border-color:var(--base01);font-weight:600}.c-data-table tbody tr.is-selected>*:first-child{box-shadow:inset var(--chrome-frame) 0 0 var(--base01)}
.c-data-table__superhead th{background:var(--table-frame);color:var(--table-record)}.c-data-table__group th{background:var(--table-frame);color:var(--table-record);border-top:var(--chrome-frame) solid var(--table-frame)}
.c-data-table-frame--key-value .c-data-table tbody th{width:36%}.c-data-table-frame--matrix .c-data-table{table-layout:fixed}.c-data-table-frame--matrix .c-data-table thead th:first-child{width:24%}
[data-table-role="component-register"] .c-data-table thead th:first-child{width:18%}[data-table-role="component-register"] .c-data-table thead th:nth-child(2){width:17%}[data-table-role="component-register"] .c-data-table thead th:nth-child(3){width:35%}
.workbench-record .c-data-table__superhead th:not(:last-child){border-right-width:var(--chrome-frame)}.workbench-record .c-data-table thead tr:not(.c-data-table__superhead) th:nth-child(2),.workbench-record .c-data-table thead tr:not(.c-data-table__superhead) th:nth-child(4),.workbench-record .c-data-table tbody td:nth-child(2),.workbench-record .c-data-table tbody td:nth-child(4){border-right-width:var(--chrome-frame)}
.l-chart-alternative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--density-module-gap);align-items:start}.l-chart-alternative-grid>[data-dataset-id="module-load"]{grid-column:1;grid-row:1}.l-chart-alternative-grid>[data-dataset-id="reconciliation-matrix"]{grid-column:2/4;grid-row:1;inline-size:min(720px,100%)}.l-chart-alternative-grid>[data-dataset-id="transfer-rate"]{grid-column:1/3;grid-row:2}.l-graph-alternative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--density-module-gap);align-items:start}
@media(max-width:900px){.l-chart-alternative-grid,.l-graph-alternative-grid{grid-template-columns:1fr}.l-chart-alternative-grid>[data-dataset-id]{grid-column:1;grid-row:auto}}
@media(max-width:560px){.c-data-table-frame--fit .c-data-table :is(th,td){padding-inline:var(--space-2u)}.c-data-table-frame--fit .c-data-table{font:var(--font-role-ui-03)}}


/* Derived data graphics use the oracle frame grammar without changing canonical fixtures. */
.l-hinton-grid,.l-generative-graph-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:var(--density-module-gap);align-items:start}.l-hinton-grid>.c-chart,.l-generative-graph-grid>.c-graph{min-width:0}.l-hinton-grid>.c-data-table-frame,.l-generative-graph-grid>.c-data-table-frame{min-width:0}
.c-hinton__target{fill:transparent;stroke:var(--base03);stroke-width:1}.c-hinton__square{vector-effect:non-scaling-stroke}.c-hinton__cell.is-positive .c-hinton__square{fill:var(--base07);stroke:var(--base07)}.c-hinton__cell.is-negative .c-hinton__square{fill:var(--base00);stroke:var(--base07);stroke-width:2}.c-hinton__cell.is-zero .c-hinton__square{fill:none;stroke:none}.c-hinton__cell.is-missing .c-hinton__square{fill:none;stroke:var(--base04);stroke-width:1;stroke-dasharray:4 3}.c-hinton__sign{fill:var(--base07);stroke:var(--base07);font:var(--font-role-ui-01);vector-effect:non-scaling-stroke}.c-hinton__cell:focus{outline:none}.c-hinton__cell:focus .c-hinton__target,.c-hinton__cell:hover .c-hinton__target{stroke:var(--base0A);stroke-width:3}
.c-graph--automatic{max-width:720px}.c-graph__layout-controls{display:grid;grid-template-columns:1fr 1fr;border-top:var(--chrome-rule) solid var(--base01);border-bottom:var(--chrome-rule) solid var(--base01)}.c-graph__layout-controls .c-button{min-height:var(--density-dense-row);border-width:0}.c-graph__layout-controls .c-button+.c-button{border-left:var(--chrome-rule) solid var(--base01)}.c-graph--automatic .c-graph__relation line{stroke:inherit;stroke-width:2;vector-effect:non-scaling-stroke}.c-graph--automatic marker path{fill:context-stroke}.c-graph--automatic .c-graph__relation text{pointer-events:none}.c-graph--automatic .c-graph__entity text{fill:var(--base05)}
@media(max-width:900px){.l-hinton-grid,.l-generative-graph-grid{grid-template-columns:1fr}}

.c-hinton__cell.is-selected .c-hinton__target{stroke:var(--base0A);stroke-width:3;stroke-dasharray:none}
.c-data-table-frame{scroll-margin-block-start:72px;scroll-margin-block-end:124px}

[data-dataset-id="signed-weight-hinton"] .c-data-table{min-inline-size:372px}

.c-chart,.c-graph{scroll-margin-block-start:72px;scroll-margin-block-end:124px}

.c-neural-hinton{overflow-x:auto}
.c-neural-hinton__stage{min-inline-size:720px;background:var(--base00)}
.c-neural-hinton__projection{display:block;inline-size:100%;block-size:auto;background:var(--base00)}
.c-neural-hinton__connections{fill:color-mix(in srgb,var(--base05) 18%,var(--base00));stroke:var(--base04);stroke-width:1;vector-effect:non-scaling-stroke}
.c-neural-hinton__layer-frame{fill:var(--base00);stroke:var(--base05);stroke-width:2;vector-effect:non-scaling-stroke}
.c-neural-hinton__label-back{fill:var(--base00)}.c-neural-hinton__label{fill:var(--base05);font:var(--font-role-ui-03)}
.c-neural-hinton__grid{fill:none;stroke:var(--base03);stroke-width:.6}.c-neural-hinton__marks{vector-effect:non-scaling-stroke}
.c-neural-hinton__marks.is-positive{fill:var(--base05);stroke:var(--base05)}
.c-neural-hinton__marks.is-negative{fill:var(--base00);stroke:var(--base05);stroke-width:1}
.c-neural-hinton__projection[data-neural-surface="record"]{background:var(--color-record)}
.c-neural-hinton__projection[data-neural-surface="record"] .c-neural-hinton__connections{fill:color-mix(in srgb,var(--color-ink) 12%,var(--color-record));stroke:var(--color-ink)}
.c-neural-hinton__projection[data-neural-surface="record"] .c-neural-hinton__layer-frame{fill:var(--color-record);stroke:var(--color-ink)}
.c-neural-hinton__projection[data-neural-surface="record"] .c-neural-hinton__label-back{fill:var(--color-record)}
.c-neural-hinton__projection[data-neural-surface="record"] .c-neural-hinton__label{fill:var(--color-ink)}
.c-neural-hinton__projection[data-neural-surface="record"] .c-neural-hinton__grid{stroke:color-mix(in srgb,var(--color-ink) 28%,transparent)}
.c-neural-hinton__projection[data-neural-surface="record"] .c-neural-hinton__marks.is-positive{fill:var(--color-ink);stroke:var(--color-ink)}
.c-neural-hinton__projection[data-neural-surface="record"] .c-neural-hinton__marks.is-negative{fill:var(--color-record);stroke:var(--color-ink)}
.c-neural-hinton__marks.is-missing{fill:none;stroke:var(--base04);stroke-dasharray:2 2}

/* State-changing controls reserve their geometry before enhancement. */
[data-alarm-ack-request],[data-command-request]{min-block-size:var(--density-touch-row);white-space:nowrap;overflow:hidden;text-overflow:clip}
[data-alarm-ack-request]{min-inline-size:6ch}
[data-command-request]{inline-size:100%;min-inline-size:0;block-size:var(--density-touch-row)}
[data-alarm-ack-request][data-ack-request-status="pending"],[data-command-request][data-request-state="pending"]{background:var(--color-selection);color:var(--color-ink)}
.c-action-specimens .c-pane__status{min-block-size:var(--density-touch-row);white-space:nowrap;overflow:hidden}

/* Universal visualization type and Swiss-grid projection. */
.l-chart-grid,.l-graph-grid{grid-template-columns:minmax(0,var(--dimension-graph-plot-width));align-items:start}.c-graph--control{grid-column:auto}.c-chart--matrix,.c-hinton{max-inline-size:var(--dimension-graph-plot-width)}.c-chart--matrix figcaption{font:var(--font-role-ui-03)}.c-neural-hinton>.c-neural-hinton__stage{min-inline-size:1184px;border-inline:0!important;box-shadow:inset 2px 0 var(--base00),inset -2px 0 var(--base00)}.c-neural-hinton>.c-chart__context{min-inline-size:1184px}
@media(max-width:900px){.l-chart-grid,.l-graph-grid{grid-template-columns:minmax(0,1fr)}.c-chart,.c-graph{overflow-x:auto}.c-chart>svg,.c-graph svg{inline-size:var(--dimension-graph-plot-width);max-inline-size:none}.c-chart__context{min-inline-size:var(--dimension-graph-plot-width)}}