/* QIC interaction layer: no geometry, font-size or logo changes. */
[data-qic-hover]{transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,text-decoration-color 180ms ease}
[data-qic-hover="link"]{text-underline-offset:.22em;text-decoration-thickness:1px}
[data-qic-hover]:focus-visible{outline:2px solid #298dff!important;outline-offset:4px;box-shadow:0 0 0 2px #fff!important}
[data-qic-hover="link"]:focus-visible{color:var(--qic-hover-ink)!important;text-decoration-line:underline}
[data-qic-hover="nav"]:focus-visible{color:var(--qic-hover-ink)!important}
@media(hover:hover) and (pointer:fine){
 [data-qic-hover="link"]:hover{color:var(--qic-hover-ink)!important;text-decoration-line:underline}
 [data-qic-hover="button"]:not(:disabled):not([aria-disabled="true"]):not(.active):not([aria-pressed="true"]):hover{background-color:var(--qic-button-hover-bg)!important;background-image:none!important;color:var(--qic-button-hover-text)!important;border-color:var(--qic-button-hover-border)!important;box-shadow:none!important}
 [data-qic-hover="nav"]:hover{color:var(--qic-hover-ink)!important;box-shadow:inset 0 -2px 0 var(--qic-hover-ink)}
 [data-qic-hover="menu"]:hover{background:#eaf2fb!important;color:#175eb8!important}
 [data-qic-hover="card"]:hover{box-shadow:inset 0 0 0 100vmax var(--qic-hover-wash)!important}
 [data-qic-hover="card"]:hover strong{color:var(--qic-hover-ink)!important}
 /* Categories retain their existing selection treatment and hover background. */
 [data-qic-hover="category"]:not(.active):hover{box-shadow:inset 3px 0 #298dff}
}
@media(prefers-reduced-motion:reduce){[data-qic-hover]{transition:none!important}}

/* Keyboard users receive the same clear button inversion. */
[data-qic-hover="button"]:not(:disabled):not([aria-disabled="true"]):not(.active):not([aria-pressed="true"]):focus-visible{background-color:var(--qic-button-hover-bg)!important;background-image:none!important;color:var(--qic-button-hover-text)!important;border-color:var(--qic-button-hover-border)!important}
/* Reading emphasis: one comparison group per page, no click affordance.
   Preserve grids, borders, typography and the lead/follow-on color hierarchy. */
[data-qic-reading]{transition:background-color 200ms ease}
[data-qic-reading="light"]>h3{transition:color 200ms ease}
@media(hover:hover) and (pointer:fine){
 .site [data-qic-reading="light"]:hover{background-color:#eaf3fb!important}
 .site [data-qic-reading="light"]:hover>h3{color:#175eb8!important}
 .site [data-qic-reading="dark"]:hover{background-color:#18364b!important}
 .site [data-qic-reading="featured"]:hover{background-color:#204666!important}
 .site [data-qic-reading="lead"]:hover{background-color:#183b5d!important}
 .site [data-qic-reading="follow"]:hover{background-color:#d4e6f2!important}
}
@media(prefers-reduced-motion:reduce){[data-qic-reading],[data-qic-reading]>h3{transition:none!important}}
/* Align the two dense comparison grids with the site's black / blue palette. */
.site .algorithm-grid{background:#080f1b;border-color:#34465f}
.site .algorithm-grid>.algorithm-card{background:#080f1b;color:#f5f8fc;border-color:#34465f}
.site .algorithm-grid .algorithm-mark{color:#70b4ff;border-color:#34465f}
.site .algorithm-grid h3,.site .algorithm-grid .algorithm-use{color:#f5f8fc;border-color:#34465f}
.site .algorithm-grid .algorithm-detail{border-color:#34465f}
.site .algorithm-grid .algorithm-detail small{color:#adc8e6!important}
.site .algorithm-grid .algorithm-detail p{color:#c9d4e1}
.site .algorithm-grid .algorithm-stage{color:#9daec3!important}
.site .module-grid{border-color:#34465f}
.site .module-grid>.module-card{background:#080f1b;color:#f5f8fc;border-color:#34465f}
.site .module-grid>.module-card.featured{background:#101f38}
.site .module-grid .module-head,.site .module-grid .module-field{border-color:#34465f}
.site .module-grid h3,.site .module-grid .module-deliverable{color:#f5f8fc}
.site .module-grid .module-field b,.site .module-grid .module-deliverable b{color:#8abfff!important}
.site .module-grid .module-field p{color:#c9d4e1}
.site .module-grid .algorithm-tags span{border-color:#649ddd;color:#c6e0ff}
@media(hover:hover) and (pointer:fine){
 .site .algorithm-grid>.algorithm-card[data-qic-reading]:hover,
 .site .module-grid>.module-card[data-qic-reading]:hover{background-color:#122d55!important}
 .site .module-grid>.module-card.featured[data-qic-reading]:hover{background-color:#193963!important}
}
/* Stronger reading states, restricted to the same 17 approved cards. */
[data-qic-reading] :is(h3,h4,p,.result){transition:color 180ms ease,border-color 180ms ease}
@media(hover:hover) and (pointer:fine){
 .site .algorithm-grid>.algorithm-card[data-qic-reading]:hover,
 .site .module-grid>.module-card[data-qic-reading]:hover{background-color:#12468b!important}
 .site .module-grid>.module-card.featured[data-qic-reading]:hover{background-color:#18539c!important}
 .site .algorithm-grid>.algorithm-card:hover .algorithm-mark{color:#fff!important}
 .site .algorithm-grid>.algorithm-card:hover .algorithm-detail small,
 .site .module-grid>.module-card:hover .module-field b,
 .site .module-grid>.module-card:hover .module-deliverable b{color:#c3dfff!important}
 .site .algorithm-grid>.algorithm-card:hover .algorithm-detail p,
 .site .module-grid>.module-card:hover .module-field p{color:#f0f6ff!important}
 .site .algorithm-grid>.algorithm-card:hover .algorithm-stage{color:#d2e4f8!important}
 .site #problem .solution-cards>.solcard[data-qic-reading]:hover{background-color:#123b73!important;color:#fff!important}
 .site #problem .solution-cards>.solcard[data-qic-reading]:hover :is(h3,.result,.scope>span){color:#fff!important}
 .site #problem .solution-cards>.solcard[data-qic-reading]:hover :is(h4,p){color:#d8e8fb!important}
 .site #problem .solution-cards>.solcard[data-qic-reading]:hover :is(.scope,.result){border-color:#7898bf!important}
 .site .product-grid>.product-card[data-qic-reading="light"]:hover{background-color:#cfe3fc!important}
 .site .product-grid>.product-card[data-qic-reading="follow"]:hover{background-color:#b9d7fa!important}
 .site .product-grid>.product-card[data-qic-reading="lead"]:hover{background-color:#174a88!important}
}
@media(prefers-reduced-motion:reduce){[data-qic-reading] :is(h3,h4,p,.result){transition:none!important}}
@media(hover:hover) and (pointer:fine){
 .site #problem .solcard[data-qic-reading]:hover .solicon svg{stroke:#b8ddff!important}
 .site .algorithm-grid>.algorithm-card[data-qic-reading]:hover :is(.algorithm-mark,.algorithm-detail,.algorithm-use),
 .site .module-grid>.module-card[data-qic-reading]:hover :is(.module-head,.module-field){border-color:#6c94c5!important}
}