/* Shared interaction feedback. No motion on touch-only devices or for reduced-motion users. */
/* Let inset disclosure headings paint to the card edges without moving the text. */
.skylight-refined .dl-technical:not(.sk-model-spec)>summary{margin-inline:-18px;padding-inline:18px;border-radius:7px!important}
@media(max-width:640px){.skylight-refined .dl-technical:not(.sk-model-spec)>summary{margin-inline:-12px;padding-inline:12px}}
.skylight-refined .dl-technical:not(.sk-model-spec)[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0}
.sidebar-division>.sidebar-division-title:after,.sidebar-family>summary:after{content:''!important;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg)}
.sidebar-division[open]>.sidebar-division-title:after,.sidebar-family[open]>summary:after{content:''!important;transform:translateY(-25%) rotate(225deg)}
.skylight-refined .sk-model-spec[open] .sk-spec-action b{transform:rotate(180deg)}
:where(a[href],button,summary,[role="button"],input[type="submit"],input[type="button"]){transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,translate .2s ease;text-underline-offset:4px}
:where(button,summary,[role="button"],input[type="submit"],input[type="button"]):not(:disabled):not([aria-disabled="true"]){cursor:pointer}
:where(a[href],button,summary,[role="button"],input,select,textarea):focus-visible{outline:3px solid #008aa6!important;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 /* A background layer keeps text, arrows and click targets unobstructed. */
 :is(summary,button[aria-expanded],a[aria-expanded],[role="button"][aria-expanded]){
  background-image:linear-gradient(#07354412,#07354412)!important;
  background-repeat:no-repeat!important;
  background-position:left center!important;
  background-size:0% 100%!important;
  transition:background-size .24s ease,color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,translate .2s ease!important;
 }
 :is(summary,button[aria-expanded],a[aria-expanded],[role="button"][aria-expanded]):not(:disabled):not([aria-disabled="true"]):hover{background-size:100% 100%!important}
 /* Move the disclosure shell, not its clipped header. Only the summary is interactive. */
 details:has(>summary:hover){box-shadow:0 5px 14px #07354424!important;border-color:#008aa6!important}
 details:not([open]):has(>summary:hover){translate:0 -3px}
 details:has(>summary:hover)>summary:hover{box-shadow:none!important}
 a[href]:not([aria-disabled="true"]):hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
 :is(button,[role="button"],input[type="submit"],input[type="button"]):not(:disabled):not([aria-disabled="true"]):hover{translate:0 -3px;box-shadow:0 5px 14px #07354424;border-color:#008aa6}
 summary:hover{box-shadow:0 5px 14px #07354424!important;border-color:#008aa6!important}
 a[href]:is([class*="card"],.premium-btn,.floating-quote):not([aria-disabled="true"]):hover{text-decoration:none;transform:none;translate:0 -3px;box-shadow:0 5px 14px #07354424;border-color:#008aa6}
}
/* Commercial disclosure controls use the same directional cue as other expandable panels. */
.cw-sys-compact summary i:before,.cw-sys-resources summary i:before{width:8px;height:8px;background:transparent;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-65%) rotate(45deg);transition:transform .2s ease}
.cw-sys-compact summary i:after,.cw-sys-resources summary i:after{display:none}
.cw-sys-compact[open]>summary i:before,.cw-sys-resources[open]>summary i:before{transform:translate(-50%,-35%) rotate(225deg)}
.hardware-sample[hidden],.hardware-filter[hidden]{display:none!important}
.hardware-filter{margin:20px 0;color:#123c49}
.hardware-filter select{max-width:100%;padding:12px;border:1px solid #cadfe5;border-radius:8px;background:#fff;color:inherit;font:inherit}
.hardware-filter label{display:inline-block;margin:0 12px 8px 0;font-weight:600}
.hardware-filter p{font-size:14px;margin:8px 0}
details{transition:translate .2s ease,box-shadow .2s ease,border-color .2s ease}
@media(prefers-reduced-motion:reduce){:where(a[href],button,summary,details,[role="button"],input,select,textarea){transition:none!important;animation:none!important;translate:none!important}}