/* Liquid glass interaction layer: restrained, pointer-driven, and content-safe. */
:root{--glass-highlight:rgba(255,255,255,.58);--glass-shadow:rgba(28,48,48,.14)}
:root[data-theme='dark']{--glass-highlight:rgba(237,242,239,.16);--glass-shadow:rgba(0,0,0,.32)}
.topbar,.section-intro,.archive-workspace,.chart-card,.evidence-shell,.method-grid article,.source-library,.case-drawer{backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12);box-shadow:0 14px 34px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight)}
.liquid-hover{background-image:radial-gradient(circle at var(--liquid-x) var(--liquid-y),color-mix(in srgb,var(--glass-highlight) 72%,transparent),transparent 27%),linear-gradient(135deg,color-mix(in srgb,var(--surface) 82%,transparent),color-mix(in srgb,var(--surface-muted) 62%,transparent))!important}
.topbar::after,.section-intro::before,.archive-workspace::before,.chart-card::before,.evidence-shell::before,.method-grid article::before,.source-library::before,.case-drawer::before{background-image:radial-gradient(circle at var(--liquid-x,50%) var(--liquid-y,0%),var(--glass-highlight),transparent 23%),linear-gradient(105deg,transparent 38%,rgba(255,255,255,.08) 49%,transparent 60%)!important;opacity:.28;transition:opacity .25s ease}
.liquid-hover::after{opacity:.7!important}
.case-card,.categories button,.filters select,.filters input,.info,.theme-toggle,.topbar nav a{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease}
.case-card:hover,.categories button:hover,.filters select:hover,.filters input:hover,.info:hover{transform:translateY(-2px);box-shadow:0 8px 18px var(--glass-shadow)}
.case-card:active,.categories button:active,.info:active{transform:translateY(0) scale(.985)}
@media(pointer:coarse){.case-card:hover,.categories button:hover,.filters select:hover,.filters input:hover,.info:hover{transform:none;box-shadow:none}}