@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Roboto+Slab:wght@500;600;700&display=swap');
:root{--navy:#102b46;--navy2:#173d60;--blue:#24618d;--red:#c72f3b;--ink:#202b35;--muted:#687887;--line:#d9e0e6;--bg:#f3f5f7;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}.hidden{display:none!important}
.site-header{height:76px;background:var(--navy);color:#fff;border-bottom:4px solid var(--red)}.header-inner{max-width:1120px;height:100%;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.police-brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none}.brand-symbol{width:39px;height:39px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font:700 23px Georgia}.police-brand strong,.police-brand small{display:block}.police-brand strong{font-size:17px;letter-spacing:2px}.police-brand small{font-size:9px;letter-spacing:1.5px;color:#c9d5df;margin-top:3px}.header-right{font-size:10px;letter-spacing:1px;color:#d5dfe7}.security-dot{display:inline-block;width:7px;height:7px;background:#76c69a;border-radius:50%;margin-right:8px}.header-separator{padding:0 10px;color:#8399aa}
main{max-width:1060px;margin:0 auto;padding:38px 24px 65px}.login-wrap{max-width:500px;margin:58px auto 0}.login-card{background:white;border:1px solid var(--line);border-top:4px solid var(--navy);padding:34px 38px;box-shadow:0 5px 20px #132d4410}.login-heading{display:flex;gap:16px;align-items:center}.login-icon{width:48px;height:48px;background:var(--navy);color:white;border-radius:50%;display:grid;place-items:center;font:700 27px Georgia}.kicker{font-size:10px;letter-spacing:1.25px;font-weight:700;color:var(--blue);margin:0 0 8px}.login-heading h1,.case-header h1{font:600 29px 'Roboto Slab',serif;margin:0;color:var(--navy)}.login-description{color:var(--muted);font-size:13px;line-height:1.7;margin:23px 0 26px}.login-card label{display:block;font-size:10px;font-weight:700;letter-spacing:1px;color:#475866;margin-bottom:8px}.password-row{display:flex;border:1px solid #bdc9d2;height:45px}.password-row input{border:0;outline:0;flex:1;min-width:0;padding:0 12px;font:13px 'DM Sans';color:var(--ink)}.text-button{border:0;background:white;color:var(--blue);font-size:10px;font-weight:700;padding:0 13px;cursor:pointer}.primary-button{width:100%;height:46px;background:var(--navy);color:white;border:0;margin-top:14px;text-align:left;padding:0 16px;font-weight:700;cursor:pointer}.primary-button:hover{background:var(--navy2)}.primary-button span{float:right;font-size:19px;line-height:15px}.error-message{color:#b42332;font-size:12px;min-height:16px;margin:9px 0 0}.login-foot{border-top:1px solid var(--line);padding-top:16px;margin:23px 0 0;color:#788794;font-size:10px}.fiction-note{text-align:center;color:#7d8b97;font-size:9px;letter-spacing:1.3px;margin-top:18px}
.fiction-banner{padding:10px 13px;background:#fff3e5;border:1px solid #edcfaa;color:#85571c;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:27px}.case-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:23px;border-bottom:1px solid var(--line)}.case-header h1{font-size:34px}.case-subtitle{margin:8px 0 0;color:var(--muted);font-size:13px}.case-status{border-left:3px solid var(--red);padding:2px 0 2px 13px;min-width:170px}.case-status small,.case-status strong,.case-status span{display:block}.case-status small{font-size:9px;letter-spacing:1px;color:#72818e}.case-status strong{font-size:15px;color:var(--navy);margin:5px 0}.case-status span{font-size:9px;font-weight:700;color:#a82b37}.case-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:5px}
.case-facts{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);margin:20px 0 28px}.case-facts>div{padding:15px 18px;border-right:1px solid var(--line)}.case-facts>div:last-child{border:0}.case-facts small,.case-facts strong{display:block}.case-facts small{font-size:9px;font-weight:700;letter-spacing:1px;color:#778693;margin-bottom:7px}.case-facts strong{font-size:13px;color:var(--navy)}.red-text{color:#b32f3b!important}
.main-nav{display:flex;gap:4px;border-bottom:1px solid #cbd5dd;margin-bottom:27px;overflow-x:auto}.nav-item{position:relative;border:0;background:transparent;padding:13px 17px;color:#536575;font:600 12px 'DM Sans';white-space:nowrap;cursor:pointer}.nav-item:hover{background:#e8edf1}.nav-item.active{color:var(--navy);background:white;border:1px solid #cbd5dd;border-bottom:1px solid white;margin-bottom:-1px}.nav-item span{display:inline-grid;place-items:center;margin-left:5px;min-width:18px;height:18px;background:#e8edf1;border-radius:10px;font-size:10px}.tab-panel{display:none}.active-panel{display:block}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 17px}.section-heading h2{font:600 22px 'Roboto Slab',serif;color:var(--navy);margin:0}.section-heading>div>p:last-child:not(.kicker){color:var(--muted);font-size:12px;margin:7px 0 0}
.overview-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.content-panel{background:white;border:1px solid var(--line);padding:23px}.content-panel>p{font-size:13px;line-height:1.8;color:#455563;margin:0 0 14px}.note-box{border-left:3px solid var(--blue);background:#f1f5f8;padding:13px 15px;margin-top:20px}.note-box strong{font-size:11px;color:var(--navy)}.note-box p{font-size:12px;line-height:1.6;color:#526372;margin:6px 0 0}.details-panel h3{font:600 16px 'Roboto Slab';color:var(--navy);margin:0 0 15px}.details-panel dl{margin:0}.details-panel dl>div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid #e8edf0}.details-panel dt{font-size:11px;color:#687887}.details-panel dd{margin:0;text-align:right;font-size:11px;font-weight:700;color:#34495a}
.suspect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.suspect-card{display:grid;grid-template-columns:76px 1fr;background:white;border:1px solid var(--line);min-height:142px}.portrait{background:#e9eef2;color:var(--navy);display:grid;place-items:center;font:600 30px 'Roboto Slab';border-right:1px solid var(--line)}.suspect-info{padding:15px}.suspect-info .kicker{font-size:9px;margin-bottom:6px}.suspect-info h3{font:600 17px 'Roboto Slab';color:var(--navy);margin:0 0 5px}.suspect-info p{font-size:11px;line-height:1.55;color:#687887;margin:0 0 10px}.open-record{border:0;background:none;padding:0;color:var(--blue);font-size:10px;font-weight:700;cursor:pointer}.open-record:hover{text-decoration:underline}
.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.evidence-card{background:white;border:1px solid var(--line);padding:0;text-align:left;color:var(--ink);cursor:pointer}.evidence-card:hover{border-color:var(--blue);box-shadow:0 2px 9px #102b4612}.evidence-art{height:140px;background:#e8edf1;display:grid;place-items:center;overflow:hidden}.evidence-art svg{width:100%;height:100%}.evidence-info{padding:12px 14px}.evidence-info small{font-size:9px;font-weight:700;color:var(--blue);letter-spacing:.6px}.evidence-info b{display:block;font-size:12px;color:var(--navy);margin-top:5px}.evidence-info p{font-size:10px;color:#73818d;margin:5px 0 0}
.timeline{max-width:720px;background:white;border:1px solid var(--line);padding:8px 22px}.timeline article{display:grid;grid-template-columns:75px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid #e8edf0}.timeline article:last-child{border:0}.timeline time{font-size:11px;font-weight:700;color:var(--blue);padding-top:2px}.timeline strong{font-size:12px;color:var(--navy)}.timeline p{font-size:11px;color:#6d7c88;margin:5px 0 0;line-height:1.5}
.site-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:45px;color:#7b8994;font-size:9px;letter-spacing:.7px}
.modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#0b1b2b99}.modal-card{position:relative;width:min(620px,100%);max-height:85vh;overflow:auto;background:white;border-top:4px solid var(--navy);padding:26px;box-shadow:0 20px 70px #0004}.modal-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#657583;font-size:25px;cursor:pointer}.modal-card h2{font:600 22px 'Roboto Slab';color:var(--navy);margin:0 0 15px}.modal-card p{font-size:12px;line-height:1.7;color:#566674}.video-frame{aspect-ratio:16/9;background:#172a3b;margin:14px 0;display:grid;place-items:center}.video-frame video{width:100%;height:100%;object-fit:contain}.video-missing{color:#dce5ec;text-align:center;font-size:12px;padding:25px}.video-missing strong{display:block;font-size:24px;margin-bottom:9px}.modal-note{font-size:10px!important;color:#7a8994!important}.large-art{height:250px;border:1px solid var(--line)}
@media(max-width:700px){.header-inner{padding:0 15px}.header-right{font-size:0}.security-dot{font-size:initial}.main-nav{gap:0}.nav-item{padding:12px 13px}.case-header{align-items:flex-start;flex-direction:column}.case-facts{grid-template-columns:repeat(2,1fr)}.case-facts>div:nth-child(2){border-right:0}.case-facts>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.overview-layout{grid-template-columns:1fr}.suspect-grid{grid-template-columns:1fr}.evidence-grid{grid-template-columns:repeat(2,1fr)}.login-wrap{margin:30px auto 0}.login-card{padding:27px 22px}}
@media(max-width:450px){main{padding:25px 14px 45px}.evidence-grid{grid-template-columns:1fr}.case-header h1{font-size:28px}.site-footer{flex-direction:column;gap:8px}}