/* Fourth case: retain the shared portfolio shell and image viewer. */
.sysadmin-case .hero { padding-top:24px; }
.sysadmin-case .hero .back { margin-bottom:20px; }
.sysadmin-case .hero h1 { font-size:clamp(2.5rem,4.5vw,4.6rem); max-width:1100px; }
.sysadmin-case .hero .lead { max-width:990px; }
.sysadmin-case .hero-meta { margin-bottom:0; }
.sysadmin-case .work-list { margin:0 0 0 240px; }
.sysadmin-case .work-list>div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:30px; padding:20px 0; border-top:1px solid var(--line); }
.sysadmin-case .work-list dt { font-weight:600; }
.sysadmin-case .work-list dd { margin:0; color:var(--muted); font-size:16px; }
.sysadmin-case .story-steps { margin-left:240px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 42px; }
.sysadmin-case .story-steps article { border-top:1px solid var(--line); padding-top:20px; }
.sysadmin-case .story-steps h3 { font-size:19px; letter-spacing:-.02em; }
.sysadmin-case .story-steps p { font-size:16px; margin:0; }
.sysadmin-case .reading-block { max-width:830px; margin:36px 0 0 auto; font-size:16px; }
.sysadmin-case .technical-details { margin:36px 0 0 240px; border-top:1px solid var(--line); padding-top:20px; }
.sysadmin-case .technical-details summary { cursor:pointer; color:var(--accent); font-size:16px; }
.sysadmin-case code { font-size:.92em; white-space:nowrap; }
.sysadmin-case .diagram { max-width:1000px; margin:36px 0 0 auto; }
.sysadmin-case .diagram>a { padding:0; background:var(--paper); }
.sysadmin-case .diagram img { box-shadow:none; }
@media(max-width:1024px) {
 .sysadmin-case .story-steps,.sysadmin-case .work-list,.sysadmin-case .technical-details { margin-left:0; }
}
@media(max-width:760px) {
 .sysadmin-case .hero h1 { font-size:clamp(1.65rem,8vw,2.5rem); }
 .sysadmin-case .story-steps { grid-template-columns:minmax(0,1fr); gap:24px; }
 .sysadmin-case .work-list>div { grid-template-columns:minmax(0,1fr); gap:8px; }
 .sysadmin-case .reading-block { margin-top:28px; }
}