/* Shared readable defaults for native controls and keyboard interaction. */
html{color-scheme:light}
body{background:var(--color-background);color:var(--color-text)}
input,select,textarea{color:var(--sup-ocean);background-color:var(--sup-white);border-color:rgb(var(--sup-ocean-rgb) / .5);accent-color:var(--sup-ocean);caret-color:var(--sup-ocean)}
input::placeholder,textarea::placeholder{color:rgb(var(--sup-ocean-rgb) / .76);opacity:1}
input:-webkit-autofill{ -webkit-text-fill-color:var(--sup-ocean);box-shadow:0 0 0 1000px var(--sup-seafoam) inset}
option{color:var(--sup-ocean);background:var(--sup-white)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--sup-ocean);outline-offset:3px}
.sidebar :focus-visible,.footer :focus-visible,.dialogTop :focus-visible{outline-color:var(--sup-white)}
.sideVersion,.sideCap{color:var(--sup-white)}
.badge.free{background:var(--sup-seafoam);color:var(--sup-ocean)}
.badge.active{background:var(--sup-lime);color:var(--sup-ocean)}
.badge.late{background:var(--sup-coral);color:var(--sup-ocean)}
.badge.maintenance{background:var(--sup-ocean);color:var(--sup-white)}
.mobileNav button.active{background:var(--sup-turquoise);color:var(--sup-ocean)}
.navBtn{transition:transform .12s}
.supBrandIcon{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media(forced-colors:active){/* Preserve the user's accessibility colors; never force brand colors over them. */ :focus-visible{outline-style:auto}}