/* Approved soft volume. Shares the original gradient flow and card geometry. */
/* Light catches only the edge; the middle stays clear for the text. */
.guide-v5 #catalog .case-surface::after{
 content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:1;opacity:1;
 border:1px solid #ffffff73;
 box-shadow:inset 0 2px 3px #ffffff9c,inset 2px 0 6px #ffffff30,inset 0 -3px 5px #16342524,inset -1px 0 4px #1634250a;
 transition:opacity 220ms ease;
}
.guide-v5 #catalog .case-surface{
 box-shadow:0 2px 3px -1px #14332220,0 9px 18px -12px #14332238;
 transition:transform 380ms cubic-bezier(.22,.75,.24,1),box-shadow 380ms ease;
}
.guide-v5 #catalog .bookmark-card{transition:transform 380ms cubic-bezier(.22,.75,.24,1)}
@media(hover:hover) and (pointer:fine){
 .guide-v5 #catalog .case:is(:hover,:focus-within) .case-surface{
  transform:translateY(-6px);
  box-shadow:0 3px 4px -2px #1433222b,0 20px 27px -17px #14332247;
  transition:transform 560ms cubic-bezier(.2,1.55,.35,1),box-shadow 420ms ease;
 }
 .guide-v5 #catalog .case:is(:hover,:focus-within) .bookmark-card{
  transform:translateY(-6px);transition:transform 560ms cubic-bezier(.2,1.55,.35,1);
 }
}
html[data-color-mode=dark] .guide-v5 #catalog .case-surface::after{
 border-color:#ffffff33;
 box-shadow:inset 0 2px 3px #ffffff50,inset 2px 0 6px #ffffff17,inset 0 -3px 5px #10221938,inset -1px 0 4px #16342512;
}
html[data-color-mode=dark] .guide-v5 #catalog .case-surface{box-shadow:0 2px 4px -1px #0006,0 10px 20px -12px #0009}
@media(hover:hover) and (pointer:fine){html[data-color-mode=dark] .guide-v5 #catalog .case:is(:hover,:focus-within) .case-surface{box-shadow:0 3px 5px -2px #0008,0 20px 28px -17px #000b}}
@media(prefers-reduced-motion:reduce){
 .guide-v5 #catalog .case-surface,.guide-v5 #catalog .case-surface::after,.guide-v5 #catalog .bookmark-card{transition:none!important}
 .guide-v5 #catalog .case:is(:hover,:focus-within) .case-surface,.guide-v5 #catalog .case:is(:hover,:focus-within) .bookmark-card{transform:none!important}
 .guide-v5 #catalog .case .case-surface::before{animation:none!important;opacity:0!important}
}