/* ServedIQ interaction layer. Element-level states only (no classes). Maps to Tailwind: transition-colors duration-150, active:scale-[.97], focus-visible:ring-2 ring-primary ring-offset-2, disabled:cursor-not-allowed. */
button,a,[data-card]{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .2s ease,transform .14s ease,opacity .16s ease,filter .16s ease;-webkit-tap-highlight-color:transparent}
button:not(:disabled):not([data-card]):hover{filter:brightness(.965)}
button:not(:disabled):active{transform:scale(.97)}
a[href]:active{transform:scale(.985)}
[data-card][data-card]:hover{box-shadow:0 1px 2px rgba(60,48,30,.05),0 14px 30px -18px rgba(60,48,30,.34);transform:translateY(-1px)}
[data-card][data-card]:active{transform:translateY(0) scale(.992);box-shadow:0 1px 2px rgba(60,48,30,.08)}
[data-card][aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}
:focus{outline:none}
:focus-visible{outline:2px solid var(--siq-ring,#1D1B18);outline-offset:2px}
input:focus-visible,textarea:focus-visible{outline:none}
button:disabled{cursor:not-allowed!important}
button[data-why]:disabled{position:relative}
#siq-why{position:fixed;z-index:9999;max-width:min(280px,calc(100vw - 16px));padding:8px 11px;border-radius:9px;background:#1D1B18;color:#FCFBF8;font:500 12.5px/1.4 'IBM Plex Sans',system-ui,sans-serif;text-align:left;white-space:normal;overflow-wrap:anywhere;pointer-events:none;box-shadow:0 10px 24px -10px rgba(0,0,0,.4);opacity:0;transition:opacity .12s ease}
#siq-why[data-on]{opacity:1}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}