@layer tokens,base;@layer components{.tec-route{--tec-route-aside:17.5rem;--tec-route-gap:var(--space-7);--tec-route-gutter:var(--space-5);--tec-route-node:11px;--tec-route-node-y:calc(var(--tap-min) / 2);--tec-route-rail:var(--stroke-control);--tec-route-line:var(--line);--tec-route-flown:var(--edge-blue);--tec-route-num:1.5em;--tec-route-line-box:calc(var(--line-height-nav) * 1em);--tec-route-top:var(--header-offset-sm);--tec-route-strip-top:var(--header-h-sm);--tec-route-vh:100dvh;container:tec-route/inline-size}@media (width>=1024px){.tec-route{--tec-route-top:var(--header-offset);--tec-route-strip-top:var(--header-h)}}[data-tec-route-scroll] .tec-route{--tec-route-top:0px;--tec-route-strip-top:0px}.tec-route__nav{--tec-route-mode:list;margin:0 0 var(--space-6);padding-bottom:var(--space-5);border-bottom:var(--stroke-hairline) solid var(--line)}.tec-route__heading{margin:0 0 var(--space-2);color:var(--eyebrow-ink)}.tec-route__heading:before{content:"_" / "";color:var(--eyebrow-mark)}.tec-route__list{margin:0;padding:0;list-style:none}.tec-route__item{margin:0;position:relative}.tec-route__link{box-sizing:border-box;min-block-size:var(--tap-min);padding-block:calc((var(--tap-min) - var(--tec-route-line-box)) / 2);padding-inline:calc(2 * var(--space-2) + var(--tec-route-num)) var(--space-2);border-radius:var(--radius-sm);color:var(--link);-webkit-tap-highlight-color:transparent;align-items:flex-start;margin-inline-start:calc(-1 * var(--space-2));display:flex;position:relative}.tec-route--plain .tec-route__link{padding-inline-start:var(--space-2)}.tec-route__num{inline-size:var(--tec-route-num);color:var(--ink-secondary);font-variant-numeric:tabular-nums lining-nums;position:absolute;inset-block-start:calc((var(--tap-min) - var(--tec-route-line-box)) / 2);inset-inline-start:var(--space-2)}.tec-route__link:hover{color:var(--link-hover)}.tec-route__link:active{color:var(--primary-active)}.tec-route__back{margin:var(--space-4) 0 0}.tec-route__back-link{color:var(--link)}.tec-route__back-link:hover{color:var(--link-hover)}.tec-route__back-icon{width:var(--icon-sm);height:var(--icon-sm)}.tec-route__body{max-inline-size:var(--measure)}.tec-route__body :target,.tec-route__body [data-tec-route-reached]{border-radius:var(--radius-xs);background-color:var(--surface-tint-strong);box-shadow:0 0 0 var(--space-2) var(--surface-tint-strong)}.tec-route__body [tabindex="-1"]:focus{box-shadow:0 0 0 var(--space-2) var(--surface-tint-strong);outline:none}@container tec-route (width>=60em){.tec-route__layout{grid-template-columns:var(--tec-route-aside) minmax(0, 1fr);column-gap:var(--tec-route-gap);align-items:start;display:grid}.tec-route__nav{--tec-route-mode:rail;top:var(--tec-route-top);max-height:calc(var(--tec-route-vh) - var(--tec-route-top) - var(--space-5));overscroll-behavior:contain;scrollbar-width:thin;padding:var(--space-1) var(--space-2) var(--space-1) 0;border-bottom:0;margin:0;position:sticky;overflow-y:auto}.tec-route__heading{margin-bottom:var(--space-3)}.tec-route__item{padding-inline-start:var(--tec-route-gutter)}.tec-route__item:before{content:"";inline-size:var(--tec-route-rail);background:var(--tec-route-line);position:absolute;inset-block:0;inset-inline-start:calc((var(--tec-route-node) - var(--tec-route-rail)) / 2)}.tec-route__item:first-child:before{inset-block-start:var(--tec-route-node-y)}.tec-route__item:last-child:before{block-size:var(--tec-route-node-y);inset-block-end:auto}.tec-route__item:only-child:before{content:none}.tec-route__item:after{content:"";inline-size:var(--tec-route-node);block-size:var(--tec-route-node);background:var(--tec-route-flown);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:0;position:absolute;inset-block-start:calc(var(--tec-route-node-y) - var(--tec-route-node) / 2);inset-inline-start:0}.tec-route__item:has(~.tec-route__item>[aria-current]):before{background:var(--tec-route-flown)}.tec-route__item:not(:first-child):has(>[aria-current]):before{background:linear-gradient(var(--tec-route-flown) 0 var(--tec-route-node-y), var(--tec-route-line) 0)}.tec-route__item:has(>[aria-current]):after{opacity:1}.tec-route__nav .tec-route__link{color:var(--ink-secondary);text-decoration-line:none}.tec-route__nav .tec-route__link:hover{color:var(--link-hover)}.tec-route__nav .tec-route__link:active{color:var(--primary-active)}.tec-route__nav .tec-route__link[aria-current],.tec-route__link[aria-current] .tec-route__num{color:var(--ink)}.tec-route__back{display:none}.tec-route--strip .tec-route__layout{display:block}.tec-route--strip .tec-route__nav{--tec-route-mode:strip;top:var(--tec-route-strip-top);z-index:1;max-height:none;margin:0 0 var(--space-6);background:var(--surface);box-shadow:inset 0 calc(-1 * var(--stroke-hairline)) 0 var(--line);padding:0;overflow:visible}.tec-route--strip .tec-route__heading{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.tec-route--strip .tec-route__list{column-gap:var(--space-4);flex-wrap:wrap;margin-inline-start:calc(-1 * var(--space-2));display:flex}.tec-route--strip .tec-route__item{padding:0}.tec-route--strip .tec-route__item:before{content:none}.tec-route--strip .tec-route__item:after{inline-size:auto;block-size:calc(2 * var(--stroke-hairline));clip-path:none;inset-block:auto 0;inset-inline:0}.tec-route--strip .tec-route__link{padding-inline:calc(2 * var(--space-2) + var(--tec-route-num)) var(--space-2);border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin:0}.tec-route--strip .tec-route__num{color:var(--edge-blue-darker)}.tec-route--strip .tec-route__body{max-inline-size:none}.tec-route--strip .tec-route__body [id]{scroll-margin-top:calc(var(--tap-min) + var(--space-4))}}@media (prefers-reduced-motion:no-preference){.tec-route__link{transition:color var(--t-fast)}.tec-route__item:after{transition:opacity calc(var(--duration-fast) * .75) var(--ease-in)}.tec-route__item:has(>[aria-current]):after{transition:opacity var(--t-fast)}}@media (forced-colors:active){.tec-route__item:after{forced-color-adjust:none;background:highlight}.tec-route__nav .tec-route__link[aria-current]{text-decoration-line:underline}.tec-route__body :target,.tec-route__body [data-tec-route-reached],.tec-route__body [tabindex="-1"]:focus{outline:var(--stroke-hairline) solid CanvasText;outline-offset:var(--space-1)}}@media print{.tec-route__back{display:none}}}@layer x,page;