/* Shared interaction contract; the design components own page layout. */
:root{--aiht-focus:#0b5cad;--aiht-deep:#063f79;--aiht-panel:#f2f4f6}
::selection{background:rgb(11 92 173 / 20%)}
::placeholder{color:#555c66;opacity:1}
html{scrollbar-color:#8c95a1 #f2f4f6}
a,button,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}
:where(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--aiht-focus);outline-offset:2px}
button,summary{touch-action:manipulation;min-height:44px}
button:not(:disabled),summary{cursor:pointer}
button:disabled,input:disabled{opacity:.5;cursor:not-allowed}
button:active:not(:disabled){transform:translateY(1px)}
main :where(p,li) a{text-underline-offset:3px;text-decoration-thickness:1px}
[data-logo-tile]{flex-shrink:0}
summary{display:flex;align-items:center}
summary::-webkit-details-marker{display:none}
header button[aria-expanded=true] [data-caret]{transform:rotate(180deg)}
[data-arrow]{display:inline-block;transition:transform .12s ease}
@media(hover:hover) and (pointer:fine){
 main :where(p,li) a:hover{color:var(--aiht-deep)}
 button,summary{transition:background-color .12s ease,border-color .12s ease}
 summary:hover{background:var(--aiht-panel)}
 header button:hover{background:var(--aiht-panel)}
 main tbody tr:hover>td,main tbody tr:hover>th{background:var(--aiht-panel)}
 a:hover [data-arrow]{transform:translateX(4px)}
 a[data-card]:hover{box-shadow:0 2px 8px rgb(22 25 29 / 7%)}
}
@media(pointer:coarse){button,summary,input,select{min-height:44px}header button{min-width:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}