.accessibility-page{--access-paper:#dcd9cb;--access-ink:#171812;--access-muted:#505247;--access-orange:#ac350c;--access-rule:#88897b;background-color:var(--access-paper);background-image:var(--gage-technical-grid-image),var(--gage-distress-image);background-size:7rem 320px,320px 320px;scroll-behavior:auto}
html:has(.accessibility-page){scroll-behavior:auto;background-color:#dcd9cb}
.accessibility-app{--paper:var(--access-paper);--ink:var(--access-ink);--muted:var(--access-muted);--tag:var(--access-orange);--tag-ink:var(--access-ink);--terminal-doc-width:66ch}
.accessibility-doc{position:relative;max-width:66ch;padding-top:1.1rem;isolation:isolate}
.accessibility-doc::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 17% 29%,#17181214 0 .45px,transparent .85px) 0 0/31px 37px,repeating-linear-gradient(7deg,transparent 0 8px,#17181204 8px 8.5px,transparent 8.5px 17px);border-inline:1px solid #17181218}
.accessibility-page :is(a,button,input):focus-visible{outline:3px solid var(--access-orange);outline-offset:4px}
.accessibility-rail{--marketing-rail-surface:#c8c7b8;--marketing-rail-surface-hover:#eee9db}
.accessibility-rail .rail-link{color:var(--access-ink)}
.accessibility-rail .rail-label{min-width:0;white-space:normal;line-height:1.2}
.accessibility-rail .rail-link-icon{fill:currentColor;stroke:none}
.accessibility-rail .access-rail-link .rail-link-icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.accessibility-rail .rail-link[aria-current="page"]{background:var(--access-ink);color:var(--access-paper)}
.accessibility-rail-divider{width:100%;margin:.2rem 0;border:0;border-top:1px solid var(--access-rule)}
.accessibility-hero{padding-bottom:1.5rem;color:var(--access-ink)}
.accessibility-hero .mini-mark{width:100%;margin:0;padding-bottom:.8rem;border-bottom:3px solid var(--access-ink);color:inherit;font-size:1.15rem}
.accessibility-hero-copy{padding:2.5rem 0 1.8rem}
.accessibility-hero h1,.accessibility-body :is(h2,h3){margin:0;font-family:var(--font-display);font-stretch:var(--display-width);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:.96}
.accessibility-hero h1{font-size:clamp(3rem,1.5rem + 4vw,5.4rem);line-height:.88}
.accessibility-hero-copy>p{max-width:42ch;margin:1.5rem 0 0;font-size:1rem;line-height:1.6}
.accessibility-body{color:var(--access-ink)}
.accessibility-ways{padding:1.7rem 0 0;scroll-margin-top:1rem}
.accessibility-section-heading{max-width:23rem;margin-bottom:1.8rem}
.accessibility-body h2{font-size:clamp(1.8rem,1.1rem + 2vw,3rem)}
.accessibility-routes{border-top:3px solid var(--access-ink)}
.accessibility-route{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--access-rule);scroll-margin-top:1rem}
.accessibility-route h3{max-width:12ch;font-size:1.7rem}
.accessibility-route-copy>p{margin:1rem 0 0;color:var(--access-muted);font-size:.9rem;line-height:1.65}
.accessibility-text-link{display:inline-block;margin-top:1.1rem;font-size:.82rem;font-weight:700;text-decoration:underline;text-underline-offset:.2em}
.accessibility-text-link:hover{color:var(--access-orange)}
.accessibility-example{position:relative;min-width:0;margin:0;padding:.1rem 0 0 1rem;border-left:2px solid var(--access-orange)}
.accessibility-annotation{margin:0 0 1rem;color:var(--access-orange);font:.78rem/1.5 var(--mono)}
.accessibility-example-note{margin:.85rem 0;color:var(--access-muted);font-size:.8rem;line-height:1.6}
.accessibility-example kbd{padding:.1em .3em;border:1px solid var(--access-ink);border-radius:0;background:transparent;box-shadow:none;color:var(--access-ink);font:700 .8rem/1.2 var(--mono)}
.accessibility-control{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.6rem;max-width:100%;padding:.6rem .8rem;border:1px solid var(--access-ink);border-radius:0;background:transparent;color:var(--access-ink);font:700 .85rem/1.35 var(--sans);text-align:left;cursor:pointer;text-decoration:none}
.accessibility-control:hover,.accessibility-control[aria-pressed="true"]{background:var(--access-ink);color:var(--access-paper)}
.focus-example .accessibility-control:focus-visible{outline-offset:6px;outline-width:3px;background:var(--access-ink);color:var(--access-paper)}
.accessibility-example label{display:block;margin:0 0 .5rem;font-size:.85rem;font-weight:700;line-height:1.5}
.accessibility-example input[type="text"],.accessibility-example input:not([type]){width:100%;min-width:0;min-height:2.6rem;padding:.6rem .65rem;border:1px solid var(--access-rule);border-bottom:2px solid var(--access-ink);border-radius:0;background:#eeebdf;color:var(--access-ink);font:400 .9rem/1.4 var(--sans)}
.accessibility-example input[aria-invalid="true"]{border-color:var(--access-orange)}
.accessibility-example-status{min-height:1.5em;margin:.8rem 0 0;font:600 .78rem/1.5 var(--sans);overflow-wrap:anywhere}
.accessibility-type-sample{margin:0 0 1rem;font-size:1rem;line-height:1.6;overflow-wrap:anywhere}
.accessibility-type-sample p{margin:0 0 .6em}
.accessibility-type-sample.is-large{font-size:1.5rem}
.accessibility-motion-track{position:relative;display:flex;align-items:center;height:2.5rem;margin-bottom:1.1rem;background:linear-gradient(var(--access-rule),var(--access-rule)) center/100% 1px no-repeat;border-inline:1px solid var(--access-rule)}
.accessibility-motion-track span{display:block;position:absolute;left:0;width:1rem;height:1rem;background:var(--access-ink)}
.accessibility-example .accessibility-check{display:flex;align-items:center;gap:.6rem;margin-bottom:.85rem;font-weight:500;cursor:pointer}
.accessibility-check input{width:1.15rem;height:1.15rem;flex:none;margin:0;accent-color:var(--access-ink)}
.accessibility-standard{margin:2.5rem 0;padding:1.3rem 0;border-block:3px double var(--access-rule);scroll-margin-top:1rem}
.accessibility-standard h2{font-size:1.7rem}
.accessibility-standard-copy>p{margin:1rem 0 0;font-size:.9rem;line-height:1.7;color:var(--access-muted)}
.accessibility-handoff{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1.2rem;margin:0;padding:0 0 3rem;scroll-margin-top:1rem}
.accessibility-handoff-signal svg{display:block;width:2.8rem;height:2.8rem;fill:var(--access-ink)}
.accessibility-handoff h2{max-width:15ch}
.accessibility-handoff p{margin:1rem 0 0;font-size:.95rem;line-height:1.65}
.accessibility-cta{display:inline-flex;align-items:center;gap:1.5rem;min-height:2.6rem;margin-top:1.2rem;padding:.65rem 1rem;background:var(--access-ink);color:var(--access-paper);font-weight:700;font-size:.9rem}
.accessibility-cta:hover{background:var(--access-orange)}
.accessibility-doc>.footer{margin-top:0}
.accessibility-page .terminal-shell{--terminal-amber:#e9dfb8;--terminal-line:#969276b3;--terminal-halo:#969276}
.accessibility-page .terminal-cursor,.accessibility-page .footer-status-signal .footer-link-icon{animation:none!important;opacity:1}
.accessibility-page .footer-status-signal::before{display:none}
.accessibility-page .rail-link,.accessibility-page .footer-links a{transition:none}
@media(min-width:100rem){.accessibility-page{background-size:clamp(12rem,20vw,20rem) 320px,320px 320px}}
@media(max-width:55.9375rem){.accessibility-app{--terminal-doc-width:100vw}.accessibility-rail-divider{grid-column:1/-1}}
@media(max-width:40rem){.accessibility-page{background-image:var(--gage-distress-image);background-size:320px 320px}.accessibility-doc{padding-inline:.65rem}.accessibility-doc::before{border:0}.accessibility-route{grid-template-columns:1fr;gap:1.2rem}.accessibility-route h3{max-width:none}.accessibility-hero h1{font-size:clamp(2.6rem,10vw,4rem)}.accessibility-handoff{grid-template-columns:1fr;gap:1rem}.accessibility-handoff-signal svg{width:2rem;height:2rem}}
