/* HIG / Material-inspired touch ergonomics; WCAG-focused web semantics. */
:root{--ui-muted:#6b6b6b}
.muted,.fields dt,.message small,.footnote,.demo,.stat,th,.sidefoot p{color:#6b6b6b}input::placeholder,textarea::placeholder{color:#6b6b6b}.nav i,.select-trigger svg{color:#6b6b6b}
button,.btn,.textbtn,.nav button,.role button,.select-trigger,.select-option{min-height:44px;min-width:44px}.textbtn{display:inline-flex;align-items:center;justify-content:center;padding:8px;line-height:1.5}.close{width:44px;height:44px}.select-trigger,.select-option,input:not([type=checkbox]),select{min-height:44px}.check{min-height:48px;padding:8px 0;cursor:pointer}.check input{flex-shrink:0}
input:not([type=checkbox]),textarea{border:1px solid #767676}.select-trigger{border:1px solid #767676}.select-trigger[aria-expanded=true]{border-color:#161616}.select-option.highlighted,.select-option:focus{border:1px solid #767676;background:#f5f5f5}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #161616;outline-offset:3px}.hero button:focus-visible,.header-frame button:focus-visible{outline-color:#ededed}.role button[aria-pressed=true]{border:1px solid #767676}.role button{border:1px solid transparent}.nav button[aria-current=page]{border-color:#767676}
.hero p,.hero .eyebrow,.hero .seal,.header-frame .eyebrow,.header-frame .muted{color:#ededed;opacity:1}.hero .seal span{color:#ededed}.hero .badge.outline,.header-frame>.badge{background:#a6533b;color:#ededed}.topbar{height:auto;min-height:72px}.select-option{scroll-margin:6px}.select-menu{max-height:min(300px,45vh)}
.skip-link{position:fixed;left:16px;top:16px;z-index:1000;padding:12px 20px;border:1px solid #767676;border-radius:9999px;background:#fff;color:#161616;transform:translateY(-160%);text-decoration:none}.skip-link:focus{transform:none}.main:focus{outline:none}html{scroll-padding:16px}button,input,textarea,a{scroll-margin:20px}
@media(pointer:coarse){button,.btn,.textbtn,.nav button,.role button,.select-trigger,.select-option{min-height:48px;min-width:48px}input:not([type=checkbox]),select{min-height:48px}.role{gap:8px}.nav{gap:8px}.form{gap:16px}}
@media(max-width:700px){input,textarea,.select-trigger{font-size:16px}.topbar{padding:12px;flex-wrap:wrap}.user{flex-wrap:wrap}.hero h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){.muted,.fields dt,.message small,.footnote,.demo,.stat,th{color:#444}.card,.stat,.badge.outline,.select-menu,.message{border-color:#767676}.hero::before,.header-frame::before{opacity:.1}}
@media(forced-colors:active){.hero,.header-frame{background:Canvas;color:CanvasText}.hero h2,.hero p,.header-frame h1,.header-frame .muted{color:CanvasText}.hero::before,.header-frame::before{display:none}.btn,.select-trigger,.select-option{border:1px solid ButtonText}.badge{border:1px solid CanvasText}.progress span{background:Highlight}.nav button[aria-current=page]{border-color:Highlight}}