.routing-guide,.routing-glossary{margin:52px 0;scroll-margin-top:110px}.routing-heading{max-width:900px;margin-bottom:25px}.routing-heading h2{font-size:clamp(30px,3.4vw,44px);line-height:1.12;margin:12px 0 18px}.routing-heading p{line-height:1.75;margin:0}.routing-call-demo{background:var(--surface,#fff);border:1px solid #c6dbe9;border-radius:16px;overflow:hidden;box-shadow:0 12px 34px #124c720c}.routing-call-demo>summary{list-style:none;cursor:pointer;display:block}.routing-call-demo>summary::-webkit-details-marker{display:none}.routing-call-demo>summary:focus-visible{outline:3px solid #1774d2;outline-offset:-4px}.routing-row-label{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 20px;background:#e8f4ff;color:#164f80;font-weight:700;font-size:14px}.routing-row-label>span:first-child{display:flex;align-items:center;gap:10px}.routing-open-label,.routing-close-label{white-space:nowrap;font-size:13px}.routing-call-demo .routing-close-label,.routing-call-demo[open] .routing-open-label{display:none}.routing-call-demo[open] .routing-close-label{display:inline}.routing-call-demo>summary>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.routing-call-demo>summary:hover .routing-row-label{background:#d9edff}.routing-expanded{border-top:1px solid #c6dbe9;padding:18px}.routing-reveal-arrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 16px;color:#087c7d;font-weight:700;font-size:14px}.routing-reveal-arrow>i{font-size:25px}.routing-guide .routing-expanded-image{width:100%;display:flex;flex-direction:column;padding:0;overflow:hidden;background:#f5f8fb;border:1px solid #d7e2eb;border-radius:10px}.routing-guide .routing-expanded-image img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain;object-position:center}.routing-guide .routing-expanded-image .enlarge{position:static;transform:none;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0;padding:11px;font-size:12px;line-height:1.45;white-space:normal;border-radius:0;background:#e6f0fa;color:#15528a}.routing-sample-note{font-size:12px;line-height:1.65;margin:13px 3px 30px;color:var(--muted,#52687f)}.routing-sequence{padding:25px;border-radius:18px;background:linear-gradient(120deg,#eff8ff,#eef9f5);border:1px solid #cde2e8}.routing-sequence>h3{font-size:23px;margin:0 0 22px}.routing-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.routing-steps>button{position:relative;min-width:0;text-align:left;font:inherit;padding:14px 12px;background:#fff;color:#1c3b55;border:1px solid #bed4e3;border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}.routing-steps>button[aria-selected=true]{border-color:#1886cf;box-shadow:0 0 0 2px #1886cf2b;background:#e4f2ff}.routing-steps>button:focus-visible{outline:3px solid #1681cf;outline-offset:3px}.routing-step-top{display:flex;align-items:center;gap:9px;margin-bottom:13px;color:#3d6c8b;font-size:12px}.routing-step-top>i:first-child{font-style:normal;font-weight:700}.routing-step-top>.fa-solid{margin-left:auto;font-size:17px}.routing-steps strong{display:block;font-size:14px;line-height:1.35;margin-bottom:9px}.routing-steps code{display:block;font-size:10px;overflow-wrap:anywhere;color:#355e7a}.routing-step-arrow{position:absolute;right:-14px;top:50%;font-size:20px;color:#238c9b;z-index:1}.routing-step-panel{display:flex;align-items:flex-start;gap:17px;margin-top:20px;padding:20px;background:#fff;border:1px solid #d0e2e7;border-radius:12px}.routing-step-panel[hidden]{display:none}.routing-panel-icon{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border-radius:12px;color:#007f7b;background:#e1f6f0;font-size:22px}.routing-step-panel h4{margin:0 0 7px;font-size:18px}.routing-step-panel p{margin:0;font-size:14px;line-height:1.75}.routing-path-context{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.routing-path-context article{padding:23px;border:1px solid #d6e1eb;border-radius:15px;background:var(--surface,#fff)}.routing-path-context h3{display:flex;gap:10px;align-items:flex-start;font-size:19px;line-height:1.35;margin:0 0 12px}.routing-path-context h3 i{color:#108b91;margin-top:3px}.routing-path-context p{font-size:14px;line-height:1.8;margin:0}.routing-source-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:12px;margin:0 0 24px}.routing-source-links>span{font-weight:700}.routing-source-links a,.routing-optional-sources a{display:inline-flex;align-items:center;gap:8px;color:#086fb1;text-decoration:underline;text-underline-offset:3px}.routing-event-families{display:grid;gap:12px}.routing-event-family{border:1px solid #cbdde9;border-radius:13px;background:var(--surface,#fff);overflow:hidden}.routing-event-family>summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:20px;list-style:none;font-weight:700;font-size:17px;background:#eef6fd}.routing-event-family>summary::-webkit-details-marker{display:none}.routing-event-family>summary:focus-visible{outline:3px solid #1681cf;outline-offset:-4px}.routing-event-family>summary>span:first-child{flex:1}.routing-event-family>summary>i{font-size:12px;color:#27809f;transition:transform .15s}.routing-event-family[open]>summary>i{transform:rotate(180deg)}.routing-family-count{min-width:29px;display:inline-grid;place-items:center;height:26px;border-radius:7px;background:#d7eafb;color:#1c5984;font-size:12px}.routing-event-family:nth-child(2)>summary{background:#fff3e4}.routing-event-family:nth-child(2) .routing-family-count{background:#f8e0b6;color:#81520a}.routing-event-family:nth-child(3)>summary{background:#e8f7f4}.routing-event-family:nth-child(3) .routing-family-count{background:#ceece7;color:#126c66}.routing-event-family:nth-child(4)>summary{background:#edf0f6}.routing-event-family:nth-child(5)>summary{background:#fff0ed}.routing-event{padding:22px;border-top:1px solid #d6e1eb;scroll-margin-top:115px}.routing-event-title{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:start}.routing-event-title>code{display:inline-block;width:fit-content;max-width:100%;padding:7px 9px;background:#e8f2f8;border-radius:6px;font-size:12px;font-weight:700;color:#13577e;overflow-wrap:anywhere}.routing-event-title p{font-size:14px;line-height:1.7;margin:2px 0 0}.routing-event-note{font-size:12px;line-height:1.7;margin:13px 0 0;padding:11px 14px;background:#fff8e8;border-left:3px solid #d5a146;border-radius:0 8px 8px 0}.routing-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:17px 0 0}.routing-fields>div{background:#f5f8fb;border:1px solid #e0e8ef;padding:12px;border-radius:9px;min-width:0}.routing-fields dt{font-weight:700;font-size:12px;line-height:1.5}.routing-fields dt>span{display:block;color:#587286;font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.routing-fields dd{font-size:11px;line-height:1.65;margin:7px 0 0;color:var(--muted,#516b7c)}.routing-no-fields{font-size:12px;margin:14px 0 0;color:var(--muted,#516b7c);line-height:1.7}.routing-log-notes{margin-top:24px;padding:24px;background:#f0f5fa;border:1px solid #d9e3ed;border-radius:15px}.routing-log-notes h3{font-size:21px;margin:0 0 14px}.routing-log-notes ul{padding-left:20px;margin:0}.routing-log-notes li{font-size:13px;line-height:1.8;margin:9px 0}.routing-optional-sources{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin-top:15px}.routing-journey-bridge{display:flex;align-items:flex-start;gap:24px;padding:30px;margin:40px 0;background:linear-gradient(115deg,#e8f4ff,#e6f6f0);border:1px solid #bddbe5;border-radius:18px;scroll-margin-top:110px}.routing-bridge-icon{display:grid;place-items:center;flex:0 0 58px;height:58px;font-size:29px;color:#087c87;background:#fff;border:1px solid #c8e2e7;border-radius:15px}.routing-journey-bridge h2{font-size:clamp(25px,3vw,35px);line-height:1.2;margin:12px 0 17px}.routing-journey-bridge p{font-size:15px;line-height:1.75;margin:0 0 22px}.routing-journey-bridge .btn{white-space:normal;line-height:1.5;text-align:center;max-width:100%}
html[data-site-theme=dark] .routing-call-demo,html[data-site-theme=dark] .routing-event-family,html[data-site-theme=dark] .routing-path-context article{background:#172a3d;border-color:#375269}html[data-site-theme=dark] .routing-row-label,html[data-site-theme=dark] .routing-call-demo>summary:hover .routing-row-label{background:#1c3c57;color:#c1e2ff}html[data-site-theme=dark] .routing-expanded{border-color:#375269}html[data-site-theme=dark] .routing-reveal-arrow{color:#74d9cf}html[data-site-theme=dark] .routing-guide .routing-expanded-image{background:#1b2e43;border-color:#38546c}html[data-site-theme=dark] .routing-guide .routing-expanded-image .enlarge{background:#21425e;color:#c3e5ff}html[data-site-theme=dark] .routing-sequence,html[data-site-theme=dark] .routing-journey-bridge{background:linear-gradient(120deg,#182f49,#173a37);border-color:#38576a}html[data-site-theme=dark] .routing-steps>button,html[data-site-theme=dark] .routing-step-panel{background:#192d43;border-color:#3a5a73;color:#dce9f8}html[data-site-theme=dark] .routing-steps>button[aria-selected=true]{background:#234963;border-color:#70baff}html[data-site-theme=dark] .routing-step-top,html[data-site-theme=dark] .routing-steps code{color:#b5d7ef}html[data-site-theme=dark] .routing-panel-icon,html[data-site-theme=dark] .routing-bridge-icon{background:#214d47;color:#8ce7d6;border-color:#4c7f79}html[data-site-theme=dark] .routing-path-context h3 i,html[data-site-theme=dark] .routing-step-arrow{color:#75d9d4}html[data-site-theme=dark] .routing-source-links a,html[data-site-theme=dark] .routing-optional-sources a{color:#98d1ff}html[data-site-theme=dark] .routing-event-family>summary{background:#223e58}html[data-site-theme=dark] .routing-event-family:nth-child(2)>summary{background:#413729}html[data-site-theme=dark] .routing-event-family:nth-child(3)>summary{background:#20423e}html[data-site-theme=dark] .routing-event-family:nth-child(4)>summary{background:#2c3549}html[data-site-theme=dark] .routing-event-family:nth-child(5)>summary{background:#493331}html[data-site-theme=dark] .routing-family-count,html[data-site-theme=dark] .routing-event-family .routing-family-count,html[data-site-theme=dark] .routing-event-title>code{background:#2c536f;color:#c4e6ff}html[data-site-theme=dark] .routing-event{border-color:#375269}html[data-site-theme=dark] .routing-event-note{background:#3c3627;color:#f0dfba;border-color:#c2a055}html[data-site-theme=dark] .routing-fields>div,html[data-site-theme=dark] .routing-log-notes{background:#1c3045;border-color:#375269}html[data-site-theme=dark] .routing-fields dt>span{color:#a9c9e0}html[data-site-theme=dark] .routing-fields dd,html[data-site-theme=dark] .routing-no-fields,html[data-site-theme=dark] .routing-sample-note{color:#b6c9d9}
@media(max-width:900px){.routing-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.routing-steps>button:nth-child(2) .routing-step-arrow{right:50%;top:auto;bottom:-22px;transform:rotate(90deg)}.routing-event-title{grid-template-columns:160px 1fr;gap:15px}.routing-path-context{grid-template-columns:1fr}.routing-steps>button:nth-child(3){grid-column:2;grid-row:2}.routing-steps>button:nth-child(4){grid-column:1;grid-row:2}.routing-steps>button:nth-child(3) .routing-step-arrow{right:auto;left:-14px;transform:rotate(180deg)}}
@media(max-width:600px){.routing-guide,.routing-glossary{margin:35px 0}.routing-row-label{padding:14px;flex-direction:column;align-items:flex-start;gap:10px;font-size:13px}.routing-expanded{padding:10px}.routing-reveal-arrow{font-size:12px;text-align:center;line-height:1.5;gap:8px;margin:5px 0 12px}.routing-sequence{padding:18px 13px}.routing-steps>button{padding:12px 10px}.routing-steps strong{font-size:13px}.routing-step-top{font-size:11px;gap:6px}.routing-step-panel{padding:15px 12px;gap:12px}.routing-panel-icon{flex-basis:32px;width:32px;height:32px;font-size:16px;border-radius:9px}.routing-step-panel p{font-size:13px}.routing-path-context article{padding:20px}.routing-event-family>summary{font-size:15px;padding:17px 15px}.routing-event{padding:19px 15px}.routing-event-title{grid-template-columns:1fr;gap:9px}.routing-fields{grid-template-columns:1fr 1fr;gap:9px}.routing-fields>div{padding:10px}.routing-fields dd{font-size:11px}.routing-log-notes{padding:20px 17px}.routing-source-links{line-height:1.6}.routing-journey-bridge{padding:22px 18px;display:block}.routing-bridge-icon{width:48px;height:48px;font-size:25px;margin-bottom:18px}.routing-journey-bridge h2{font-size:28px}.routing-journey-bridge p{font-size:14px}.routing-journey-bridge .btn{width:100%;padding:13px}}

/* Native routing-event badge colors, shared by event dictionary and call timeline.
   Backgrounds match R81 Fix15; dark text on bright fills preserves readability. */
:root .routing-event-badge[data-routing-event]{display:inline-flex;align-items:center;gap:7px;width:fit-content;max-width:100%;padding:7px 9px;border:1px solid transparent;border-radius:6px;background:var(--routing-event-bg);color:var(--routing-event-fg);font-size:12px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.routing-event-badge>i{flex:0 0 auto;font-size:.9em}
.routing-event-badge>span{min-width:0}
:root .routing-steps>button[data-routing-event]{border-top:4px solid var(--routing-event-bg)}
:root .routing-steps>button[data-routing-event] .routing-event-badge{gap:5px;padding:5px 6px;font-size:10px}
:root .routing-steps>button[data-routing-event][aria-selected=true]{outline:2px solid #18354d;outline-offset:2px;box-shadow:0 3px 10px #18354d22}
:root .routing-steps>button[data-routing-event][aria-selected=true] strong{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
:root .routing-steps>button[data-routing-event]:focus-visible{outline:3px solid #075cab;outline-offset:5px}
:root .routing-step-panel[data-routing-event] .routing-panel-icon{background:var(--routing-event-bg);color:var(--routing-event-fg)}
html[data-site-theme=dark] .routing-steps>button[data-routing-event][aria-selected=true]{outline-color:#e4f2ff}
html[data-site-theme=dark] .routing-steps>button[data-routing-event]:focus-visible{outline-color:#9fd6ff}
@media(forced-colors:active){:root .routing-event-badge[data-routing-event],:root .routing-step-panel[data-routing-event] .routing-panel-icon{background:Canvas;color:CanvasText;border:1px solid CanvasText}:root .routing-steps>button[data-routing-event][aria-selected=true]{outline-color:Highlight}:root .routing-steps>button[data-routing-event]:focus-visible{outline-color:Highlight}}