:root{--ink:#14232c;--amber:#f6ae74;--muted:#475761}*{box-sizing:border-box}body{margin:0;background:#f7f6f2;color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}header{background:#13232d;color:white}nav,main,footer{width:min(1080px,90%);margin:auto}nav,footer,.controls{display:flex;align-items:center;gap:18px}nav,footer{justify-content:space-between}nav{height:65px}nav a{color:inherit;text-decoration:none;font-size:.87rem}.brand{font-size:1.07rem;font-weight:800;letter-spacing:.035em}.brand b{color:var(--amber)}.intro{padding:48px 0 25px}.eyebrow,label,.tiny,thead{font:700 .72rem/1.5 'Courier New',monospace;letter-spacing:.12em}.eyebrow i{display:inline-block;width:21px;height:3px;vertical-align:middle;background:#b86734;margin-right:7px}h1,h2{font-family:Georgia,serif;letter-spacing:-.045em;font-weight:500}h1{font-size:clamp(2.65rem,6vw,5.1rem);line-height:1.05;margin:12px 0}p{max-width:760px;margin:8px 0 18px;color:var(--muted)}.intro p{font-size:1.1rem;max-width:640px}.instrument{background:#152731;color:#fff;border-radius:12px;display:grid;grid-template-columns:1.45fr 1fr;overflow:hidden;border:1px solid #283e48}.readout{padding:30px 0 30px 36px}.readout label,.metric{display:block;color:#afc2ca}.metric{margin-top:25px}.digits{color:var(--amber);font:500 clamp(3.7rem,6.6vw,5.8rem)/1.16 'Courier New',monospace;letter-spacing:-.09em}.readout p{color:#e0e8ea;margin:4px 0 16px}.annual{font-size:.95rem;color:#b9c8ce}.annual strong{color:white}select,button{font:inherit;color:inherit;cursor:pointer}select{background:#213640;border:1px solid #52626a;border-radius:5px;padding:8px;max-width:100%;font-size:.92rem}.readout select{margin-top:5px}.dialbox{align-self:center;justify-self:center;width:min(82%,245px)}svg{display:block;width:100%}svg text{fill:#eff5f5;font:32px 'Courier New',monospace;letter-spacing:-2px}svg .tiny{fill:#b7c7cf;font-size:8px;letter-spacing:1px}.controls{grid-column:1/-1;border-top:1px solid #3a4a53;background:#1b2e39;padding:13px 36px;flex-wrap:wrap}.controls label{letter-spacing:.04em}.controls strong{color:var(--amber);font:700 1.5rem 'Courier New',monospace}.controls button{margin-left:auto;border:1px solid #82949a;background:transparent;border-radius:5px;padding:7px 12px;font-size:.85rem}.caption{font-size:.88rem;margin:10px 0 28px}.compare,.behind{margin:40px 0}h2{font-size:2.2rem;line-height:1.1;margin:0 0 10px}table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}th,td{padding:13px 4px;border-bottom:1px solid #cdd1ce}th:not(:first-child),td:not(:first-child){text-align:right}thead{color:#54646c}.rowname{font-weight:700}.sub{display:block;font-size:.82rem;color:var(--muted)}details{border-bottom:1px solid #cdd1ce}summary{padding:15px 0;cursor:pointer;font-weight:650}a{color:#28526a}footer{font-size:.78rem;color:#58686d;border-top:1px solid #cdd1ce;padding:20px 0 32px}button:hover,select:hover{border-color:var(--amber)}:focus-visible{outline:3px solid #d88236;outline-offset:3px}@media(max-width:640px){nav{gap:8px}.brand{font-size:.92rem}nav a{font-size:.75rem}.intro{padding:30px 0 16px}.instrument{grid-template-columns:1fr}.readout{padding:20px 20px 0}.dialbox{width:160px}.controls{padding:12px 18px;gap:8px}.controls label{width:100%}.controls select{max-width:54%}.controls button{font-size:.75rem}.compare,.behind{margin:26px 0}td,th{font-size:.85rem}thead{letter-spacing:0}footer{align-items:start}.digits{font-size:3.8rem}}

#clocks,.clock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.controls{background:transparent;color:var(--ink);padding:0 0 15px;border:0}
.controls select,.controls button{color:var(--ink);background:#fff}
.clock-card{background:#152731;border-radius:12px;color:white;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr auto;gap:18px 14px;padding:22px 22px 0}
.card-body .eyebrow{color:#bccbd1;letter-spacing:.05em}
.card-body h2{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.13;margin:8px 0}
.card-body p{color:#c4cfd4;font-size:.9rem;margin:0 0 12px}
.average{font-size:.9rem}.average b{color:var(--amber);white-space:nowrap}
.countdown{width:clamp(100px,11vw,132px);aspect-ratio:1;align-self:center;border-radius:50%;background:radial-gradient(closest-side,#152731 92%,transparent 93%),conic-gradient(var(--amber) var(--progress,0deg),#425760 0);display:flex;flex-direction:column;align-items:center;justify-content:center}
.remaining{font:600 clamp(1.45rem,2.8vw,2rem)/1.15 'Courier New',monospace;color:var(--amber)}
.countdown small{font:600 .55rem/1.4 'Courier New',monospace;color:#c1ced4}
.stats{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #41525c;padding:12px 0 16px;gap:10px}
.stats strong,.stats span{display:block}.stats strong{font:700 1.32rem/1.3 'Courier New',monospace}.stats span{color:#bfccd2;font-size:.78rem}
@media(max-width:760px){#clocks,.clock-grid{grid-template-columns:minmax(0,1fr)}.clock-card{padding:18px 16px 0;column-gap:10px}.controls label{width:auto}.controls select{max-width:54%}}
@media(max-width:370px){.countdown{width:85px}.remaining{font-size:1.3rem}}

#violent-crime{border-top:1px solid #cdd1ce;padding-top:38px;margin:40px 0}
#violent-crime>h2{margin:6px 0 14px;font-size:clamp(2.3rem,5vw,3.6rem)}
#violent-crime h3{font:500 1.7rem Georgia,serif;margin:30px 0 6px}
.clock-grid .clock-card{background:#202e37}
.clock-grid .stats{grid-template-columns:1.1fr 1fr}
.clock-grid .caption{margin-top:12px}
.jump{font-weight:600;font-size:.9rem}

.stats .balance{grid-column:1/-1;display:flex;align-items:center;gap:12px;border-top:1px solid #41525c;padding-top:9px}
.stats .balance-number{color:var(--amber);font-size:1.65rem;font-variant-numeric:tabular-nums}
.stats .balance-label{color:#e2e9ec}

.clock-card .tick-anchor{position:relative;display:inline-flex;align-items:center;padding-right:21px}
.clock-card .tick-mark{position:absolute;right:0;top:26%;opacity:0;color:#ff7979;font:750 14px/1 system-ui,sans-serif;letter-spacing:0;pointer-events:none;user-select:none}

.survey-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:1px solid #bbc4c4;margin-top:22px}
.survey-pair>div{padding:18px 20px 18px 0}.survey-pair strong,.survey-pair b{display:block}.survey-pair strong{font:600 2rem Georgia,serif}.intro .survey-pair p,.intro .survey-note{font:normal .94rem/1.5 system-ui;margin:6px 0}
.jump-links,.share-actions,.card-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.jump-links{margin-top:18px}.jump-links a{color:#21434d;font-weight:600}
.controls{position:sticky;top:0;z-index:5;background:#f7f6f2;padding:8px 0;border-bottom:1px solid #bcc5c6;flex-wrap:wrap}
.clock-card,[id$="-heading"],#clocks{scroll-margin-top:90px}.card-tools{grid-column:1/-1;border-top:1px solid #43555d;padding:10px 0 14px;justify-content:space-between}.reset-note{color:#c4cfd4}.share-trigger,#share-dialog button{font:600 .85rem system-ui;padding:8px 10px;border:1px solid #8b9da5;border-radius:5px;cursor:pointer}.share-trigger{color:white;background:transparent}
#share-dialog{width:min(420px,90vw);box-sizing:border-box;border:0;border-radius:10px;padding:24px}#share-dialog::backdrop{background:#101d28aa}#share-dialog form{float:right}#share-dialog input{display:block;width:100%;box-sizing:border-box;margin:6px 0 18px;padding:10px}#share-dialog a{color:#254956}
@media(max-width:600px){.survey-pair{grid-template-columns:1fr}.survey-pair>div+div{border-top:1px solid #d5dbdb}.controls label{position:absolute;clip-path:inset(50%)}.clock-card,[id$="-heading"],#clocks{scroll-margin-top:100px}}

.perspective{grid-column:1/-1;color:#e1e9ef;border-top:1px solid #40515b;padding:8px 0}.perspective summary{cursor:pointer}.perspective p{font-size:.9rem}