.case-nav{background:#fff;border-block:1px solid var(--line);padding-block:.6rem}
.case-nav[data-ready][data-sticky="true"]{position:sticky;top:var(--header-height);z-index:40;box-shadow:0 5px 12px #182b490a}
.case-nav-links{display:flex;flex-wrap:wrap;gap:.5rem}
.case-nav-links a{display:flex;align-items:center;justify-content:center;flex:1;min-height:44px;padding:.6rem .8rem;border:1px solid #afc5e2;border-radius:6px;background:#f3f7fc;font-size:1rem;line-height:1.5;text-align:center}
.case-nav-links a[aria-current]{background:#e8f1ff;color:#173f80;border-color:var(--brand);font-weight:700;text-decoration:underline;text-underline-offset:.25em}
.case-nav-toggle{display:flex;align-items:center;justify-content:space-between;gap:.7rem;width:100%;min-height:48px;padding:.55rem .7rem;background:#f3f7fc;border:1px solid #afc5e2;border-radius:6px;color:var(--ink);cursor:pointer;text-align:right;line-height:1.4}
.case-nav-toggle small{display:block;font-size:.875rem;color:var(--muted)}
.case-nav-toggle strong{font-size:1rem}
.case-nav-toggle[aria-expanded="true"]>span:last-child{transform:rotate(180deg)}
.case-nav-toggle[hidden],.case-nav-links[hidden]{display:none}
.case-browser .case-detail{scroll-margin-top:calc(var(--case-nav-height,0px) + 1rem)}
.case-detail:focus{outline-offset:-3px}
@media(max-width:700px){
 .case-nav[data-ready]{position:relative}
 .case-nav[data-ready][data-sticky="true"]{position:sticky}
 .case-nav[data-ready] .case-nav-links{position:absolute;inset-inline:0;top:100%;display:flex;flex-direction:column;background:#fff;padding:.6rem;border:1px solid var(--line);border-radius:0 0 8px 8px;box-shadow:0 8px 16px #182b4926;max-height:45dvh;overflow-y:auto;z-index:40}
 .case-nav[data-ready] .case-nav-links[hidden]{display:none}
 .case-nav-links a{flex:auto}
}
