/* Cairn's routing instrument. Scoped so marketing and documentation stay independent. */
.routing-demo{
 --bench-bg:#0b1423;--bench-panel:#101d30;--bench-raised:#14243b;--bench-line:#2a3b53;
 --bench-text:#edf3ff;--bench-muted:#a9bad2;--bench-faint:#879ab7;--bench-accent:#8bafff;
 color:var(--bench-text);background:var(--bench-bg);border:1px solid #344660;border-radius:12px;
 box-shadow:0 28px 70px #07101e26,0 1px 0 #ffffff12 inset;overflow:hidden;
}
.routing-demo .demo-toolbar{min-height:76px;padding:17px 25px;border-bottom:1px solid var(--bench-line);background:#0e1929;gap:20px}
.routing-demo .workbench-title{gap:13px;min-width:0}.routing-demo .workbench-title strong{font:16px var(--body);color:#eef4ff;white-space:nowrap}
.routing-demo .workbench-mark{height:34px;width:34px;display:grid;place-items:center;border:1px solid #3a5277;border-radius:7px;background:#1a2b46}
.routing-demo .workbench-mark .brand-mark{width:18px;height:23px;color:#aac3ff}
.routing-demo .sample-tag{font:10px var(--mono);color:#acc0dc;border-color:#3c506d;border-radius:3px;letter-spacing:.05em;padding:4px 6px}
.routing-demo .desktop-label{font:10px var(--mono);color:#96a9c5;letter-spacing:.08em}
.routing-demo .demo-body,.routing-demo.full-demo .demo-body{grid-template-columns:230px minmax(0,1fr);background:var(--bench-bg)}
.routing-demo .demo-controls,.routing-demo.full-demo .demo-controls{padding:28px 20px;display:flex;flex-direction:column;border-right:1px solid var(--bench-line);border-bottom:0;background:#101b2b;min-width:0}
.routing-demo .control-overline{display:block;font:10px/1.5 var(--mono);letter-spacing:.1em;color:#8fa5c5;margin:0 0 12px}
.routing-demo fieldset{min-width:0}.routing-demo legend{font:15px/1.4 var(--body);color:#edf3ff;margin-bottom:23px}
.routing-demo .policy-options{gap:7px;display:grid;grid-template-columns:1fr}
.routing-demo .policy-option>span{display:flex;min-height:48px;padding:11px 12px;border:1px solid transparent;border-radius:5px;background:transparent;color:#b6c4d9;gap:9px;box-shadow:none;line-height:1.3}
.routing-demo .policy-option>span>i{font:10px var(--mono);font-style:normal;color:#8396b3}
.routing-demo .policy-option>span>b{font-size:13px;font-weight:400;flex:1}
.routing-demo .policy-option .icon{height:15px;width:15px;color:#a9c3ff;opacity:0}
.routing-demo .policy-option:hover>span{background:#1a2a41;color:#fff;border-color:#34465f}
.routing-demo .policy-option input:checked+span{background:#213b65;border-color:#567db9;color:#f2f6ff;box-shadow:inset 3px 0 0 #99b9ff}
.routing-demo .policy-option input:checked+span>i{color:#abc6f5}.routing-demo .policy-option input:checked+span .icon{opacity:1}
.routing-demo .policy-option input:focus-visible+span{outline:2px solid #bfceff;outline-offset:3px}
.routing-demo .control-description{font-size:12px;line-height:1.65;color:var(--bench-muted);margin:20px 3px 0;min-height:60px}
.routing-demo .availability-control{border-top:1px solid var(--bench-line);margin-top:26px;padding-top:23px}
.routing-demo .availability-control .control-overline{font-size:9px;letter-spacing:.07em;margin-bottom:8px}
.routing-demo .online-toggle{font-size:12px;color:#e0e9f7;min-height:44px;margin:0;gap:9px}
.routing-demo .toggle-track{background:#475871;box-shadow:0 0 0 1px #8296b72b inset}.routing-demo .toggle-track:after{background:#eef4ff}
.routing-demo .online-toggle input:checked+.toggle-track{background:#648cdd}.routing-demo .online-toggle input:focus-visible+.toggle-track{outline:2px solid #bfceff;outline-offset:3px}
.routing-demo .toggle-hint{font-size:11px;line-height:1.6;color:#94a9c7;margin:5px 0 0;max-width:165px}
.routing-demo .control-footnote{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:40px;font:11px/1.6 var(--body);color:#a2b5d1}
.routing-demo .control-footnote .icon{color:#7d9dce;width:20px;height:20px}
.routing-demo .demo-result,.routing-demo.full-demo .demo-result{padding:28px 30px 21px;min-width:0;background:radial-gradient(ellipse at 50% 26%,#192c491f,transparent 65%),var(--bench-bg)}
.routing-demo .decision-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}
.routing-demo .decision-kicker{display:flex;align-items:center;gap:9px;font:10px var(--mono);letter-spacing:.12em;color:#a7c2ef}
.routing-demo .decision-kicker .icon{width:16px;height:16px}
.routing-demo .decision-policy{color:#b8cae4;font:11px var(--mono);padding:5px 8px;border:1px solid #3a4d69;border-radius:4px}
.routing-demo .decision-summary h3{font:34px/1.2 var(--display);letter-spacing:-.04em;margin:15px 0 9px;color:#f4f7ff}
.routing-demo .decision-summary p{font-size:13px;line-height:1.6;color:#b1c1d8;max-width:590px;margin:0}
.routing-demo .decision-summary.is-blocked .decision-kicker{color:#efc99c}.routing-demo .decision-summary.is-blocked .decision-policy{color:#ebc99f;border-color:#70573c}
.routing-demo .route-map{height:240px;position:relative;margin:19px 0 0;isolation:isolate}
.routing-demo .route-map:before{content:'';position:absolute;left:22%;top:19%;width:36%;height:65%;background:radial-gradient(ellipse,#30518c20,transparent 70%);z-index:-1}
.routing-demo .route-map-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}
.routing-demo .map-mobile{display:none}
.routing-demo .route-map-lines path{stroke:#3c4f6b;stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.routing-demo .route-map-lines .map-input-line{stroke:#819fcd}
.routing-demo .route-map-lines .is-selected{stroke:#8fb5ff;stroke-width:2;filter:drop-shadow(0 0 4px #86adff55)}
.routing-demo .route-map-lines .is-excluded{stroke:#45516a;stroke-dasharray:4 6;opacity:.75}
.routing-demo .route-origin{position:absolute;left:0;top:50%;width:22%;transform:translateY(-50%);display:flex;align-items:center;gap:9px;border:1px solid #334862;border-radius:6px;background:#111f32;padding:12px 10px;z-index:1}
.routing-demo .route-origin>.icon{width:19px;height:19px;color:#9fb7da}
.routing-demo .route-origin strong{font:12px/1.3 var(--body);display:block;color:#e1eafa}
.routing-demo .route-origin span{font:9px var(--mono);display:block;margin-top:5px;color:#90a5c5}
.routing-demo .route-router{position:absolute;left:40%;top:50%;transform:translate(-50%,-50%);z-index:1;text-align:center}
.routing-demo .router-object{width:66px;height:66px;display:grid;place-items:center;border:1px solid #698bc2;border-radius:17px;background:linear-gradient(140deg,#3d5f93,#1a2d4b 57%,#0c1b31);box-shadow:0 0 0 7px #101d30,0 0 0 8px #334b702e,0 9px 25px #0005,inset 0 1px 0 #c6dbff33}
.routing-demo .router-object .brand-mark{width:29px;height:36px;color:#d1e0ff;filter:drop-shadow(0 1px 2px #050a16)}
.routing-demo .route-router>span{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);font:18px/1 var(--display);letter-spacing:-.05em;color:#d9e5f8}
.routing-demo .route-endpoint{position:absolute;right:0;width:34%;transform:translateY(-50%);display:flex;align-items:center;gap:10px;border:1px solid #2e415d;background:#101d30;border-radius:6px;padding:12px;min-height:62px;z-index:1}
.routing-demo .endpoint-local{top:15.3846%}.routing-demo .endpoint-remote{top:50%}.routing-demo .endpoint-peer{top:84.6154%}
.routing-demo .endpoint-icon{width:26px;height:30px;display:grid;place-items:center;flex-shrink:0;color:#9eb2d1}.routing-demo .endpoint-icon .icon{width:20px;height:20px}
.routing-demo .route-endpoint strong{font:12px/1.35 var(--body);display:block;color:#dce6f6}.routing-demo .route-endpoint div>span{font:10px/1.4 var(--body);display:block;margin-top:5px;color:#9cb0cd}
.routing-demo .endpoint-index{font:9px var(--mono);margin-left:auto;color:#879bbd}
.routing-demo .route-endpoint.is-selected{background:linear-gradient(110deg,#23416e,#1b3153);border-color:#7598d5;box-shadow:0 0 0 1px #7aa5f610,0 5px 22px #020b1d28}
.routing-demo .route-endpoint.is-selected strong,.routing-demo .route-endpoint.is-selected .endpoint-icon{color:#f2f7ff}.routing-demo .route-endpoint.is-selected div>span{color:#c5d8ff}
.routing-demo .route-endpoint.is-excluded{border-style:dashed;background:#101926}.routing-demo .route-endpoint.is-excluded strong{color:#adbbcf}.routing-demo .route-endpoint.is-excluded div>span{color:#b6a493}
.routing-demo .route-map.is-blocked .router-object{border-color:#907151;background:linear-gradient(140deg,#51422f,#292724 65%)}
.routing-demo .map-legend{display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px var(--mono);color:#96abc9;padding:0 0 23px;border-bottom:1px solid var(--bench-line)}
.routing-demo .map-legend>span:first-child{display:flex;align-items:center;gap:7px}.routing-demo .map-legend i{width:5px;height:5px;border-radius:50%;background:#8aaeff}
.routing-demo .ledger-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 12px}.routing-demo .ledger-heading h4{font:14px var(--body);margin:0;color:#e2eaf7}.routing-demo .ledger-heading>span{font:9px var(--mono);color:#899dbb;letter-spacing:.06em}
.routing-demo .provider-ledger{border-collapse:collapse;width:100%;table-layout:fixed;font:12px var(--body);text-align:left;color:#dae5f7}
.routing-demo .provider-ledger thead{border-bottom:1px solid #344661}.routing-demo .provider-ledger thead th{font-size:10px;font-weight:400;color:#9eafc7;padding:0 12px 10px;text-align:right}.routing-demo .provider-ledger thead th:first-child{width:37%;text-align:left;padding-left:12px}
.routing-demo .provider-ledger tbody tr{border-bottom:1px solid #24344a;background:transparent}.routing-demo .provider-ledger tbody tr.is-selected{background:#152843;box-shadow:inset 2px 0 0 #8daeff}
.routing-demo .provider-ledger tbody th,.routing-demo .provider-ledger td{padding:15px 12px;font-weight:400;vertical-align:middle}.routing-demo .provider-ledger td{text-align:right}
.routing-demo .ledger-provider{display:flex;align-items:center;gap:9px;min-width:0}.routing-demo .ledger-provider>.icon{height:18px;width:18px;color:#9db6dd}.routing-demo .ledger-provider strong{font:12px/1.4 var(--body);display:block;color:#e2eaf7}.routing-demo .ledger-provider div>span{font:10px/1.4 var(--body);color:#91a7c8;display:block;margin-top:4px}
.routing-demo .is-selected .ledger-provider div>span{color:#b8d1ff}.routing-demo .provider-ledger .is-excluded .ledger-provider div>span{color:#b8a592}
.routing-demo .metric-value{font:12px var(--mono);color:#d9e4f7;white-space:nowrap}.routing-demo .metric-value small{font:10px var(--mono);color:#9eafc9}
.routing-demo .metric-label{display:none}
.routing-demo .latency-track{height:3px;width:100%;max-width:100px;display:block;border-radius:1px;background:#2e405b;margin:7px 0 0 auto;overflow:hidden}.routing-demo .latency-track>span{display:block;height:100%;background:#738ba9;border-radius:1px}.routing-demo .is-selected .latency-track>span{background:#9bbcff}
.routing-demo .provider-ledger .is-excluded .metric-value{color:#a0b0c8}.routing-demo .provider-ledger .is-excluded .latency-track>span{background:#5d6b80}
.routing-demo .ledger-note{font:10px/1.65 var(--body);color:#9bafcd;margin:12px 0 0}
.routing-demo .decision-details{margin-top:19px;border-top:1px solid var(--bench-line)}
.routing-demo .decision-details summary{display:flex;align-items:center;justify-content:space-between;gap:15px;font:12px var(--body);color:#d2e1fa;min-height:51px;cursor:pointer;list-style:none;padding-top:4px}
.routing-demo .decision-details summary::-webkit-details-marker{display:none}.routing-demo .decision-details summary>span{display:flex;align-items:center;gap:9px}.routing-demo .decision-details summary .icon{width:16px;height:16px;color:#8faedf}.routing-demo .decision-details summary>.icon{transform:rotate(45deg);transition:transform .2s}.routing-demo .decision-details[open] summary>.icon{transform:rotate(90deg)}
.routing-demo .decision-details summary:focus-visible{outline:2px solid #c3d4ff;outline-offset:3px}
.routing-demo .decision-details>div{padding:10px 0 12px}.routing-demo .decision-details dl{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;margin:0 0 18px}.routing-demo .decision-details dt{font:10px var(--mono);color:#8fa6c7;margin-bottom:6px}.routing-demo .decision-details dd{font:12px var(--body);color:#d7e3f8;margin:0}
.routing-demo .decision-details ul{padding:0;list-style:none;margin:0;border-top:1px solid #26374f}.routing-demo .decision-details li{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:12px 0;border-bottom:1px solid #26374f;font:12px/1.6 var(--body)}.routing-demo .decision-details li strong{font-weight:400;color:#d6e3f8}.routing-demo .decision-details li span{color:#a8bbd7}.routing-demo .decision-details p{font:11px/1.65 var(--body);margin:14px 0 0;color:#a3b7d2}
.routing-demo .demo-caption{display:flex;align-items:center;gap:8px;background:#0e1929;color:#9eb2d0;border-top:1px solid var(--bench-line);font:11px/1.6 var(--body);padding:14px 24px}.routing-demo .sample-indicator{height:5px;width:5px;flex-shrink:0;border:1px solid #a5bcdf;border-radius:50%}
@media(max-width:1150px){
 .routing-demo .demo-body,.routing-demo.full-demo .demo-body{grid-template-columns:205px minmax(0,1fr)}
 .routing-demo .demo-controls,.routing-demo.full-demo .demo-controls{padding:25px 16px}
 .routing-demo .demo-result,.routing-demo.full-demo .demo-result{padding:25px 23px 18px}
 .routing-demo .route-origin{gap:6px;padding:11px 8px}.routing-demo .route-origin>.icon{width:15px;height:15px}.routing-demo .route-origin strong{font-size:11px}.routing-demo .route-origin span{font-size:8px}
 .routing-demo .route-endpoint{padding:11px 9px;gap:6px}.routing-demo .endpoint-icon{width:20px}.routing-demo .endpoint-index{display:none}.routing-demo .route-endpoint strong{font-size:11px}
 .routing-demo .provider-ledger thead th:first-child{width:35%}.routing-demo .provider-ledger tbody th,.routing-demo .provider-ledger td{padding:14px 9px}.routing-demo .ledger-provider{gap:7px}.routing-demo .ledger-provider strong{font-size:11px}.routing-demo .metric-value{font-size:11px}
}
@media(max-width:900px){
 .routing-demo .demo-body,.routing-demo.full-demo .demo-body{grid-template-columns:1fr}
 .routing-demo .demo-controls,.routing-demo.full-demo .demo-controls{padding:25px 24px 21px;border-right:0;border-bottom:1px solid var(--bench-line);display:grid;grid-template-columns:1fr auto;gap:12px 25px}
 .routing-demo .demo-controls>.control-overline,.routing-demo fieldset{grid-column:1/-1}.routing-demo .demo-controls>.control-overline{margin-bottom:-4px}.routing-demo legend{margin-bottom:15px}
 .routing-demo .policy-options{grid-template-columns:repeat(4,1fr);gap:7px}.routing-demo .policy-option>span{height:100%;padding:11px 10px;background:#14243a;border-color:#2d405b}.routing-demo .policy-option>span>i{display:none}.routing-demo .policy-option>span>b{font-size:12px}
 .routing-demo .control-description{grid-column:1;margin:0;min-height:0;align-self:center;max-width:390px}
 .routing-demo .availability-control{grid-column:2;border:0;margin:0;padding:0;align-self:center}.routing-demo .availability-control .control-overline,.routing-demo .toggle-hint,.routing-demo .control-footnote{display:none}.routing-demo .online-toggle{font-size:11px}
 .routing-demo .route-origin strong,.routing-demo .route-endpoint strong{font-size:12px}.routing-demo .route-origin{padding:13px 10px;gap:9px}.routing-demo .route-origin>.icon{width:18px;height:18px}.routing-demo .route-origin span{font-size:9px}.routing-demo .route-endpoint{padding:12px;gap:9px}.routing-demo .endpoint-index{display:block}
 .routing-demo .provider-ledger thead th:first-child{width:38%}.routing-demo .provider-ledger tbody th,.routing-demo .provider-ledger td{padding:15px 12px}.routing-demo .ledger-provider strong{font-size:12px}.routing-demo .metric-value{font-size:12px}
}
@media(max-width:650px){
 .routing-demo{border-radius:9px}.routing-demo .demo-toolbar{padding:16px 17px;min-height:69px;gap:10px}.routing-demo .workbench-title{gap:10px}.routing-demo .workbench-title strong{font-size:14px}.routing-demo .workbench-mark{width:29px;height:31px}.routing-demo .workbench-mark .brand-mark{width:16px;height:20px}.routing-demo .sample-tag{font-size:9px;padding:4px 5px}.routing-demo .desktop-label{display:none}
 .routing-demo .demo-controls,.routing-demo.full-demo .demo-controls{padding:23px 18px 17px;display:block}.routing-demo .demo-controls>.control-overline{font-size:9px;margin-bottom:9px}.routing-demo legend{font-size:15px;margin-bottom:16px}.routing-demo .policy-options{grid-template-columns:1fr 1fr;gap:8px}.routing-demo .policy-option>span{min-height:47px;padding:11px 12px}.routing-demo .policy-option>span>b{font-size:12px}.routing-demo .policy-option>span>i{display:block;font-size:9px}.routing-demo .policy-option .icon{width:13px;height:13px}
 .routing-demo .control-description{font-size:12px;line-height:1.6;margin-top:17px;min-height:39px}.routing-demo .availability-control{margin-top:10px}.routing-demo .online-toggle{font-size:12px;min-height:44px}
 .routing-demo .demo-result,.routing-demo.full-demo .demo-result{padding:24px 17px 14px}.routing-demo .decision-summary h3{font-size:28px;margin-top:16px;margin-bottom:11px}.routing-demo .decision-summary p{font-size:12px;line-height:1.65}.routing-demo .decision-kicker{font-size:9px;gap:7px;letter-spacing:.07em}.routing-demo .decision-kicker .icon{width:14px;height:14px}.routing-demo .decision-policy{font-size:10px;padding:5px 7px}
 .routing-demo .route-map{height:360px;margin-top:9px}.routing-demo .map-desktop{display:none}.routing-demo .map-mobile{display:block}.routing-demo .route-map:before{top:23%;left:0;width:60%;height:56%}
 .routing-demo .route-origin{width:44%;left:0;top:8%;padding:10px 9px;gap:7px;min-height:48px}.routing-demo .route-origin strong{font-size:11px}.routing-demo .route-origin span{font-size:9px}.routing-demo .route-origin>.icon{width:17px;height:17px}
 .routing-demo .route-router{left:22%;top:50%}.routing-demo .router-object{width:58px;height:58px;border-radius:15px;box-shadow:0 0 0 5px #101d30,0 0 0 6px #334b7044,0 9px 25px #0005,inset 0 1px 0 #c6dbff33}.routing-demo .router-object .brand-mark{width:25px;height:32px}.routing-demo .route-router>span{font-size:17px}
 .routing-demo .route-endpoint{width:52%;padding:11px 9px;gap:7px;min-height:60px}.routing-demo .endpoint-local{top:25%}.routing-demo .endpoint-remote{top:50%}.routing-demo .endpoint-peer{top:75%}.routing-demo .endpoint-icon{width:18px;height:24px}.routing-demo .endpoint-icon .icon{width:18px;height:18px}.routing-demo .route-endpoint strong{font-size:12px}.routing-demo .route-endpoint div>span{font-size:10px}.routing-demo .endpoint-index{display:none}
 .routing-demo .map-legend{font-size:9px;gap:10px;padding-bottom:21px;margin-top:-13px}.routing-demo .ledger-heading{margin-top:22px;margin-bottom:14px}.routing-demo .ledger-heading h4{font-size:13px}.routing-demo .ledger-heading>span{font-size:8px;letter-spacing:0}
 .routing-demo .provider-ledger,.routing-demo .provider-ledger tbody{display:block}.routing-demo .provider-ledger thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .routing-demo .provider-ledger tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;padding:15px 13px;border:1px solid #293c55;border-radius:5px;margin-top:8px;background:#0f1c2e}.routing-demo .provider-ledger tbody tr.is-selected{background:#172d4b;border-color:#526f99;box-shadow:inset 2px 0 0 #9bbcff}.routing-demo .provider-ledger tbody tr.is-excluded{border-style:dashed;background:#101a2a}
 .routing-demo .provider-ledger tbody th{grid-column:1/-1;padding:0}.routing-demo .provider-ledger td{padding:0;text-align:left}.routing-demo .ledger-provider{gap:10px}.routing-demo .ledger-provider>.icon{width:19px;height:19px}.routing-demo .ledger-provider strong{font-size:13px}.routing-demo .ledger-provider div>span{font-size:10px}.routing-demo .metric-label{display:block;font:9px var(--body);color:#a5b8d2;margin-bottom:6px}.routing-demo .metric-value{font-size:12px}.routing-demo .metric-value small{font-size:9px}.routing-demo .latency-track{margin-left:0;margin-top:8px;max-width:75px}.routing-demo .ledger-note{font-size:10px;line-height:1.65;margin-top:13px}
 .routing-demo .decision-details{margin-top:18px}.routing-demo .decision-details summary{font-size:12px;min-height:53px}.routing-demo .decision-details dl{gap:17px 25px}.routing-demo .decision-details li{grid-template-columns:1fr;gap:4px;font-size:11px;padding:13px 0}.routing-demo .decision-details p{font-size:11px}
 .routing-demo .demo-caption{font-size:10px;padding:13px 17px;align-items:flex-start}.routing-demo .sample-indicator{margin-top:5px}
}
@media(max-width:360px){
 .routing-demo .demo-toolbar{padding:15px 12px}.routing-demo .workbench-title{gap:8px}.routing-demo .workbench-title strong{font-size:13px}.routing-demo .sample-tag{font-size:8px}.routing-demo .workbench-mark{width:25px;height:28px}
 .routing-demo .demo-controls,.routing-demo.full-demo .demo-controls{padding:22px 14px 16px}.routing-demo .policy-option>span{gap:7px;padding:11px 9px}.routing-demo .policy-option>span>i{display:none}.routing-demo .policy-option>span>b{font-size:12px}
 .routing-demo .demo-result,.routing-demo.full-demo .demo-result{padding:22px 13px 13px}.routing-demo .decision-summary h3{font-size:26px}.routing-demo .decision-kicker{font-size:8px;gap:6px}.routing-demo .decision-policy{font-size:9px}.routing-demo .route-endpoint{padding:10px 8px;gap:6px}.routing-demo .route-endpoint strong{font-size:11px}.routing-demo .route-origin{padding:10px 7px;gap:5px}.routing-demo .route-origin strong{font-size:10px}.routing-demo .route-origin span{font-size:8px}.routing-demo .route-origin>.icon{width:15px;height:15px}.routing-demo .router-object{width:53px;height:53px}
 .routing-demo .map-legend{font-size:8px;gap:7px}.routing-demo .ledger-heading h4{font-size:12px}.routing-demo .ledger-heading>span{font-size:7px}.routing-demo .provider-ledger tbody tr{padding:14px 10px;gap:13px 7px}.routing-demo .metric-value{font-size:11px}.routing-demo .metric-label{font-size:8px}.routing-demo .ledger-provider strong{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.routing-demo *,.routing-demo *:before,.routing-demo *:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){
 .routing-demo{border:1px solid CanvasText}.routing-demo .route-map-lines path{stroke:CanvasText;filter:none}.routing-demo .route-map-lines .is-selected{stroke:Highlight;stroke-width:3}.routing-demo .router-object,.routing-demo .route-origin,.routing-demo .route-endpoint{border-color:CanvasText}.routing-demo .route-endpoint.is-selected,.routing-demo .policy-option input:checked+span{border:2px solid Highlight}.routing-demo .latency-track>span{background:CanvasText}.routing-demo .is-selected .latency-track>span{background:Highlight}
}