.sloch-city-stats{--ink:#17202a;--muted:#6a7380;--line:#dfe5eb;--panel:#fff;--soft:#f4f7f9;--accent:#0d6670;--accent2:#d9ecee;max-width:1180px;margin:0 auto;padding:18px 0 44px;color:var(--ink);font-family:inherit}.sloch-cs-header{padding:30px 34px 28px;border-radius:24px;background:linear-gradient(135deg,#163744,#0f6670);color:#fff;margin-bottom:22px}.sloch-cs-eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;opacity:.82}.sloch-cs-header h1{font-size:clamp(36px,6vw,66px);line-height:1;margin:10px 0 10px;color:#fff}.sloch-cs-header p{margin:0;font-size:16px;opacity:.9}.sloch-cs-period{margin-top:14px;font-size:clamp(21px,2.4vw,28px);line-height:1.2;font-weight:850;letter-spacing:-.015em;color:#ffd84d}.sloch-cs-scope-line{margin-top:7px;font-size:clamp(16px,1.6vw,20px);line-height:1.3;font-weight:650;opacity:.92}.sloch-cs-updated-daily{margin-top:9px;font-size:15px;line-height:1.3;font-weight:750;letter-spacing:.01em;opacity:.9}.sloch-cs-lead-grid,.sloch-cs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.sloch-cs-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px 24px;box-shadow:0 7px 24px rgba(31,45,61,.06);overflow:hidden}.sloch-cs-card-wide{grid-column:span 1}.sloch-cs-card-top{display:flex;align-items:center;gap:14px}.sloch-cs-card-top h2{font-size:20px;line-height:1.2;margin:2px 0 0}.sloch-cs-scope{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--accent)}.sloch-cs-icon,.sloch-cs-fact-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:var(--accent2);color:var(--accent);flex:0 0 auto}.sloch-cs-icon svg,.sloch-cs-fact-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.sloch-cs-current-label{display:inline-block;margin-top:20px;padding:5px 9px;border-radius:7px;background:#ffd84d;color:#17202a;font-size:12px;line-height:1;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.sloch-cs-current-label+.sloch-cs-value{margin-top:9px}.sloch-cs-fact-current-label{align-self:flex-start;margin-top:18px}.sloch-cs-fact-current-label+.sloch-cs-fact-values{margin-top:10px}.sloch-cs-value{font-size:clamp(42px,6vw,64px);font-weight:850;line-height:1;margin:22px 0 7px;letter-spacing:-.045em}.sloch-cs-extra,.sloch-cs-asof{font-size:13px;color:var(--muted);font-weight:600}.sloch-cs-lead-content{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.sloch-cs-donut-wrap{display:flex;align-items:center;gap:14px}.sloch-cs-donut{width:110px;height:110px;border-radius:50%;background:conic-gradient(var(--accent) 0 var(--sfr),#c7d2db var(--sfr) 100%);position:relative;display:grid;place-items:center}.sloch-cs-donut:after{content:"";position:absolute;inset:14px;background:#fff;border-radius:50%}.sloch-cs-donut div{position:relative;z-index:1;text-align:center}.sloch-cs-donut strong{display:block;font-size:20px}.sloch-cs-donut span{font-size:11px;color:var(--muted);font-weight:700}.sloch-cs-donut-legend{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);font-weight:700}.sloch-cs-donut-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--accent)}.sloch-cs-donut-legend i.condo{background:#c7d2db}.sloch-cs-spark{margin-top:16px;border-top:1px solid #edf0f3;padding-top:8px}.sloch-cs-spark svg{width:100%;height:auto;max-height:130px;overflow:visible}.sloch-cs-spark .grid{stroke:#edf1f4;stroke-width:1}.sloch-cs-spark .trend{fill:none;stroke:var(--accent);stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round}.sloch-cs-spark .last-point{fill:var(--accent);stroke:#fff;stroke-width:2}.sloch-cs-spark .last-year{fill:#6a7380;font-size:10px;font-weight:900;letter-spacing:.06em}.sloch-cs-spark .last-value{fill:var(--ink);font-size:20px;font-weight:900}.sloch-cs-spark text{fill:#87909a;font-size:10px;font-family:inherit}.sloch-cs-chart-empty{font-size:12px;color:#8a949e;margin-top:18px;padding-top:12px;border-top:1px solid #edf0f3}.sloch-cs-section-heading{display:flex;justify-content:flex-end;gap:30px;align-items:end;margin:38px 2px 17px}.sloch-cs-section-heading span{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.sloch-cs-section-heading h2{font-size:28px;margin:4px 0 0}.sloch-cs-section-heading p{margin:0;color:var(--muted);font-size:13px}.sloch-cs-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sloch-cs-fact{background:#f8fafb;border:1px solid var(--line);border-radius:18px;padding:22px 24px;display:flex;flex-direction:column}.sloch-cs-fact-top{display:flex;align-items:center;gap:14px}.sloch-cs-fact-icon{width:52px;height:52px;border-radius:15px;margin:0}.sloch-cs-fact-icon svg{width:32px;height:32px}.sloch-cs-fact h3{font-size:21px;line-height:1.2;margin:0}.sloch-cs-fact-values,.sloch-cs-fact-values-1,.sloch-cs-fact-values-2,.sloch-cs-fact-values-3{display:grid;grid-template-columns:1fr;gap:0;margin-top:24px;padding-top:0}.sloch-cs-fact-stat{min-width:0;border-top:1px solid #e3e8ec;padding:16px 0 14px}.sloch-cs-fact-stat strong{display:block;font-size:clamp(38px,4vw,50px);line-height:1.03;font-weight:850;letter-spacing:-.035em;white-space:nowrap;overflow-wrap:normal}.sloch-cs-fact-stat span{display:block;margin-top:8px;color:var(--muted);font-size:19px;font-weight:750;line-height:1.25}.sloch-cs-fact-values-3 .sloch-cs-fact-stat strong{font-size:clamp(36px,3.7vw,47px)}.sloch-cs-footer-note{margin-top:24px;padding:14px 16px;border-radius:12px;background:#f3f6f8;color:#69737d;font-size:12px;line-height:1.5}.sloch-cs-notice{padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#f8fafb}.sloch-city-stats *{box-sizing:border-box}@media(max-width:980px){.sloch-cs-fact-stat strong,.sloch-cs-fact-values-3 .sloch-cs-fact-stat strong{font-size:clamp(36px,4.5vw,46px)}}@media(max-width:820px){.sloch-cs-lead-grid,.sloch-cs-grid,.sloch-cs-facts-grid{grid-template-columns:1fr}.sloch-cs-section-heading{display:block}.sloch-cs-section-heading p{margin-top:7px}.sloch-cs-fact-stat strong,.sloch-cs-fact-values-3 .sloch-cs-fact-stat strong{font-size:44px}}@media(max-width:560px){.sloch-city-stats{padding-top:4px}.sloch-cs-header{border-radius:18px;padding:24px 20px}.sloch-cs-card{padding:18px}.sloch-cs-lead-content{display:block}.sloch-cs-donut-wrap{margin-top:16px}.sloch-cs-value{font-size:46px}.sloch-cs-section-heading h2{font-size:24px}.sloch-cs-fact{padding:18px}.sloch-cs-fact-stat strong,.sloch-cs-fact-values-3 .sloch-cs-fact-stat strong{font-size:clamp(32px,10vw,42px)}}

/* City-to-city navigation */
.sloch-cs-city-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#f8fafb}
.sloch-cs-city-nav label{display:flex;align-items:center;gap:10px;margin:0;color:var(--muted);font-size:13px;font-weight:750}
.sloch-cs-city-select{min-width:220px;max-width:100%;padding:8px 34px 8px 11px;border:1px solid #cfd7de;border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:650}
.sloch-cs-bottom-nav{margin-top:16px;text-align:center}
.sloch-cs-bottom-nav a{color:var(--accent);font-weight:800;text-decoration:none}
.sloch-cs-bottom-nav a:hover{text-decoration:underline}

/* SLO Stats landing page */
.sloch-cs-landing-header{margin-bottom:24px}
.sloch-cs-landing-intro{max-width:820px;margin:0 auto 24px;text-align:center;padding:4px 18px}
.sloch-cs-landing-intro h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1;margin:0 0 10px;letter-spacing:-.025em}
.sloch-cs-landing-intro p{font-size:17px;line-height:1.55;color:var(--muted);margin:0}
.sloch-cs-city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sloch-cs-city-card{display:flex;flex-direction:column;justify-content:space-between;min-height:150px;padding:22px 22px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 7px 24px rgba(31,45,61,.05);text-decoration:none;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.sloch-cs-city-card:hover{transform:translateY(-2px);box-shadow:0 11px 28px rgba(31,45,61,.09);border-color:#b9cdd0}
.sloch-cs-city-card>span{font-size:clamp(24px,2.6vw,32px);font-weight:850;line-height:1.08;letter-spacing:-.025em}
.sloch-cs-city-card strong{margin-top:22px;color:var(--accent);font-size:14px;font-weight:800}
.sloch-cs-landing-note{margin-top:22px;padding:14px 18px;border-radius:12px;background:#f3f6f8;color:#69737d;font-size:13px;line-height:1.5;text-align:center}
@media(max-width:820px){.sloch-cs-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sloch-cs-city-nav{align-items:stretch;flex-direction:column}.sloch-cs-city-nav label{justify-content:space-between}.sloch-cs-city-select{flex:1}}
@media(max-width:560px){.sloch-cs-city-grid{grid-template-columns:1fr}.sloch-cs-city-card{min-height:120px}.sloch-cs-city-nav label{display:block}.sloch-cs-city-select{width:100%;margin-top:7px}}