*{box-sizing:border-box}body{margin:0;background:#071d19;color:#f4f6f0;font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.cases-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 5vw;border-bottom:1px solid #c7b58933}.cases-header img{display:block;object-fit:contain}.cases-header h1{font:normal clamp(24px,3vw,34px)/1.2 Georgia,serif;margin:0}.cases-header button{background:none;border:0;padding:12px 0;font-size:14px}.cases-header button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible{outline:2px solid #e6ca88;outline-offset:4px}.case-tabs{display:flex;gap:12px;padding:24px 5vw;overflow-x:auto}.case-tabs button{flex:0 0 auto;text-align:left;border:1px solid #c7b58966;background:transparent;border-radius:8px;padding:12px 24px;transition:background .2s,color .2s}.case-tabs button span{display:block;font-size:14px;opacity:.8}.case-tabs button[aria-selected=true]{background:#d8c59d;color:#102b24;border-color:#d8c59d}.case-tabs button:hover{border-color:#ead6ac}.cases-main [role=tabpanel]{background:#fff}.cases-main [hidden]{display:none!important}.cases-main iframe{display:block;width:100%;height:900px;border:0;background:#fff}@media(max-width:600px){.cases-header{padding:12px 20px;gap:12px}.cases-header img{width:46px;height:40px}.case-tabs{padding:18px 20px;gap:10px}.case-tabs button{padding:10px 16px;font-size:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.case-image-viewer{border:0;border-radius:14px;padding:16px;background:#fff;max-width:96vw;max-height:94vh}.case-image-viewer::backdrop{background:#071d19dd}.case-image-viewer img{display:block;max-width:88vw;max-height:78vh;width:auto;height:auto;object-fit:contain}.case-image-viewer button{display:block;margin:0 0 12px auto;border:1px solid #aaa;background:#fff;border-radius:6px;padding:8px 16px;font:16px sans-serif;cursor:pointer}

@media(min-width:901px){.case-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.case-tabs button{min-width:0;padding:12px 18px}}

/* A compact numbered case rail: one row with a gold selected marker. */
.case-tabs{display:flex;gap:8px;padding:14px 5vw 16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#bda77555 transparent;background:linear-gradient(180deg,#102b24,#071d19)}
.case-tabs button{display:flex;align-items:center;gap:9px;flex:1 0 128px;max-width:180px;min-height:48px;padding:7px 10px;border:1px solid #bda77538;border-radius:9px;background:#ffffff04;position:relative;scroll-snap-align:center;transition:background .2s,border-color .2s,transform .2s}
.case-tabs button .case-number{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border:1px solid #c7b58955;border-radius:50%;font-size:11px;line-height:1;font-weight:600;letter-spacing:.03em;opacity:1;color:#dbc89f;transition:background .2s,color .2s}
.case-tabs button .case-label{display:block;font-size:12px;line-height:1.3;font-weight:500;opacity:1;color:#dce6df}
.case-tabs button[aria-selected=true]{background:#d8c59d12;border-color:#d8c59d;color:#f5ead2;box-shadow:inset 0 -2px #d8c59d}
.case-tabs button[aria-selected=true] .case-number{background:#d8c59d;color:#102b24;border-color:#d8c59d}
.case-tabs button[aria-selected=true] .case-label{color:#fff4dc}
@media(hover:hover){.case-tabs button:hover{transform:translateY(-2px);background:#d8c59d18}}
@media(max-width:600px){.case-tabs{padding:12px 16px 14px;gap:7px}.case-tabs button{flex:0 0 auto;max-width:160px;min-height:46px;padding:7px 10px}.case-tabs button .case-label{max-width:91px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.case-tabs button,.case-tabs button .case-number{transition:none}.case-tabs button:hover{transform:none}}

/* Number-only case index, with descriptions in a clear space below. */
.case-tabs{gap:9px;padding-top:14px;padding-bottom:5px;background:#071d19}
.case-tabs button{flex:0 0 42px;width:42px;max-width:42px;min-height:44px;justify-content:center;padding:0;gap:0;border:0;border-radius:50%;background:transparent;box-shadow:none}
.case-tabs button .case-label{display:none}
.case-tabs button .case-number{width:36px;height:36px;flex-basis:36px;font-size:12px}
.case-tabs button[aria-selected=true]{background:transparent;border:0;box-shadow:none}
.case-tabs button:hover{background:transparent;transform:none}
.case-tabs button:hover .case-number,.case-tabs button:focus-visible .case-number{border-color:#f1dcae;background:#d8c59d24}
.case-tabs button[aria-selected=true] .case-number{background:#d8c59d;color:#102b24;box-shadow:0 0 0 3px #d8c59d16}
.case-preview{min-height:24px;margin:0;padding:0 5vw 12px;font:13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#ead6ac;opacity:0;transition:opacity .15s}
.case-preview.has-copy{opacity:1}
@media(max-width:600px){.case-tabs{gap:5px;padding-left:16px;padding-right:16px}.case-tabs button{flex-basis:40px;width:40px;max-width:40px;min-height:44px;padding:0}.case-preview{padding-left:20px;padding-right:20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.case-preview{transition:none}}