.featured-cases{background:radial-gradient(ellipse at 100% 0,var(--canvas-glow),transparent 70%),var(--soft)}
.case-note-group{margin:16px 0;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--elevation-1);overflow:hidden}
.case-note-group>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 28px;list-style:none;font:650 1.15rem/1.5 var(--display)}
.case-note-group>summary::-webkit-details-marker{display:none}
.case-note-group>summary>span:last-child{display:flex;align-items:center;gap:18px;font:500 .875rem/1.5 var(--body);color:var(--muted);flex-shrink:0}
.case-note-group>summary b{font-size:1.5rem;color:var(--blue);transition:transform .2s}
.case-note-group[open]>summary b{transform:rotate(45deg)}
.case-note-group>summary:hover,.case-note-group[open]>summary{background:var(--accent-soft)}
.case-note-group>summary:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}
.case-note-group>.grid{padding:8px 28px 28px}
.case-note-group .card{box-shadow:none}
.case-depth{margin-top:28px}
.case-depth-label{display:inline-block;font:.875rem/1.5 var(--body);font-weight:650;color:var(--blue);padding:8px 13px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}
.case-steps{padding-left:24px}
.case-steps li{padding-left:8px;margin-bottom:18px;line-height:1.8}
.case-steps li::marker{color:var(--blue);font-weight:700}
.case-decision{padding:24px 28px;margin:28px 0;border-left:3px solid var(--blue);background:var(--soft);border-radius:0 12px 12px 0}
.case-decision h3{margin-top:0}
.case-decision p{margin-bottom:0}
.case-depth .links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:1rem;line-height:1.7}
@media(max-width:650px){.case-note-group>summary{padding:20px;align-items:flex-start;flex-direction:column;gap:7px;font-size:1rem}.case-note-group>summary>span:last-child{width:100%;justify-content:space-between}.case-note-group>.grid{padding:0 16px 16px;grid-template-columns:1fr}.case-decision{padding:20px}.case-depth .links{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.case-note-group>summary b{transition:none}}
@media print{.case-note-group{box-shadow:none}.case-note-group>.grid{display:grid!important}}