.route-style-guide [data-style-guide-main]{background:var(--color-record)!important;color:var(--color-ink)!important;overflow-x:hidden}
.route-style-guide [data-style-guide-main] :is(.section-code,.section-title h2,.section-title .body,.registry-link,legend,.guide-section>.c-body,.c-title,.c-body){color:var(--color-ink)}
.route-style-guide [data-style-guide-main] .section-title.l-split::before{content:none}
.route-style-guide [data-style-guide-main] [id]{scroll-margin-top:var(--public-nav-clearance)}
.route-style-guide .system-guide-route-head{margin-left:var(--guide-rail);padding:var(--space-12u) var(--grid-edge-wide);border-bottom:var(--chrome-frame) solid var(--color-ink);background:var(--color-record);color:var(--color-ink)}
.route-style-guide .system-guide-route-head>.c-title{margin:var(--space-8u) 0 var(--space-3u);font:var(--font-role-t-01)}
.route-style-guide .system-guide-route-head>.c-body{max-width:64ch;margin:0}
.route-style-guide .system-guide-route-head>:is(.c-title,.c-body){color:var(--color-ink)}
.route-style-guide .system-guide-rail nav{margin-top:var(--space-6u)}
.route-style-guide .system-guide-rail .c-nav-item{display:block;padding:var(--space-2u);border-bottom:var(--chrome-rule) solid var(--color-primary);font:var(--font-role-ui-02);text-decoration:none;white-space:nowrap}
.route-style-guide .system-register{margin-top:var(--space-12u)}
.route-style-guide .system-register>.c-title{font:var(--font-role-t-02)}
.route-style-guide .system-guide-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-block:var(--space-8u);border:var(--chrome-frame) solid var(--color-ink)}
.route-style-guide .system-guide-map__group{min-width:0}.route-style-guide .system-guide-map__group+.system-guide-map__group{border-left:var(--chrome-rule) solid var(--color-ink)}
.route-style-guide .system-guide-map__group>.c-pane__titlebar{min-height:var(--density-dense-row);margin:0;padding-inline:var(--density-cell-inset);border-bottom:var(--chrome-rule) solid var(--color-ink)}
.route-style-guide .system-guide-map__group ul{margin:0;padding:0;list-style:none}.route-style-guide .system-guide-map__group li+li{border-top:var(--chrome-rule) solid var(--color-ink)}
.route-style-guide .system-guide-map .c-nav-item{min-height:var(--density-touch-row);display:grid;grid-template-columns:4ch 1fr;align-items:center;padding:0 var(--density-cell-inset);color:var(--color-ink);text-decoration:none}.route-style-guide .system-guide-map .c-nav-item span{color:var(--color-ink)}
.route-style-guide .system-guide-map .c-nav-item:hover,.route-style-guide .system-guide-map .c-nav-item:focus-visible{background:var(--color-selection)}
.route-style-guide .c-graph--adaptive,.route-style-guide .c-chart[data-component="bar-chart"]{width:100%;max-width:var(--dimension-graph-plot-width);margin-inline:0}
.route-style-guide .c-graph__entity.is-selected text{fill:var(--color-ink)}
.route-style-guide [data-style-guide-main] :is(.c-form-field__instruction,output){color:var(--color-ink)}
.route-style-guide [data-style-guide-main] .prohibition{background:var(--color-risk)!important;color:var(--base07)!important}.route-style-guide [data-style-guide-main] .prohibition>*{color:var(--base07)!important}
@media(max-width:900px){.route-style-guide .system-guide-route-head{margin-left:0;padding:var(--space-12u) var(--grid-edge-small)}.route-style-guide.has-section-nav .public-main{padding-bottom:calc(96px + var(--space-4u))}.route-style-guide .system-guide-rail{height:96px;display:flex;flex-direction:row;align-items:stretch}.route-style-guide .system-guide-rail>.brand{display:flex;align-items:center}.route-style-guide .system-guide-rail>.public-article-toc{min-width:0;flex:1;overflow-x:auto;margin:0 0 0 var(--space-3u)}.route-style-guide .system-guide-rail .c-nav-item{min-height:48px;display:flex;align-items:center;border-bottom:0;border-left:var(--chrome-rule) solid var(--color-primary)}.route-style-guide .system-guide-map{grid-template-columns:1fr}.route-style-guide .system-guide-map__group+.system-guide-map__group{border-left:0;border-top:var(--chrome-rule) solid var(--color-ink)}}


.route-style-guide .c-cell-list{display:flex;flex-wrap:wrap;gap:var(--space-u) var(--space-2u);margin:0;padding:0;list-style:none}
.route-style-guide .c-cell-list li+li::before{content:"/ ";color:var(--color-disabled)}


/* Theme-aware document projection for the complete guide. */
.route-style-guide [data-style-guide-main] :is(p,li,dt,dd,small,.token,.g-type-sample,.registry-link,.c-cell-list,a){color:var(--color-ink)}
.route-style-guide [data-style-guide-main] :is(.principles,.rule-list){border-color:var(--color-ink)}
.route-style-guide [data-style-guide-main] :is(.c-chart,.c-graph,.operational-panel,.c-dialog-anatomy){background:var(--base00);color:var(--base05)}
.route-style-guide [data-style-guide-main] :is(.c-chart,.c-graph,.operational-panel,.c-dialog-anatomy) :is(p,li,dt,dd,small,.token,a){color:var(--base05)}
.route-style-guide [data-style-guide-main] .prohibition :is(b,span){color:var(--base07)}

.route-style-guide [data-style-guide-main] :is(.rule-bar,.chrome-global,.c-pane__titlebar){background:var(--color-ink);color:var(--color-record)}.route-style-guide [data-style-guide-main] :is(.rule-bar,.chrome-global,.c-pane__titlebar)>*{color:inherit}.route-style-guide [data-style-guide-main] .chart-principles span{color:var(--color-ink)}.route-style-guide [data-style-guide-main] .color-grid article :is(b,p,small){color:var(--color-ink)}.route-style-guide [data-style-guide-main] :is(.c-dialog-anatomy,.c-action-specimens) .c-button--danger{color:var(--base07)}

.route-style-guide [data-style-guide-main] .c-data-table :is(a,code,li,small,b,span){color:inherit}

.route-style-guide [data-style-guide-main] .c-data-table .c-cell-list{color:inherit}

.route-style-guide [data-style-guide-main] .c-data-table .c-alarm__priority{color:var(--base01)}