/* v4 city x service page (key city_service): page-only rules, prefix cs-. Shared components come from v4.css and v4-components.css. */
.cs-head{background:var(--pale);border-bottom:1px solid var(--line);padding:48px 0 32px}
.cs-head h1{font-size:clamp(32px,4.4vw,50px);font-weight:620;margin-bottom:16px;max-width:none}
.cs-head .sub{font-size:20px;line-height:1.5;color:var(--ink);max-width:46em;margin-bottom:24px}
.cs-facts{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:12px 36px}
.cs-facts li{display:flex;flex-direction:column;max-width:15em}
.cs-facts b{font:650 34px/1.1 var(--head);color:var(--navy)}
.cs-facts span{font-size:16px;color:var(--muted)}
.cs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-bottom:24px}
.cs-actions .text-link{display:inline-flex;align-items:center;min-height:44px}
.cs-jump{list-style:none;margin:0;padding:0}
.cs-section{padding-top:56px;padding-bottom:56px}
.cs-alt{background:var(--sand)}
.cs-section .section-head{margin-bottom:26px}
.cs-guide{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.cs-what p{font-size:18px;line-height:1.6;color:var(--ink);margin-bottom:14px}
.cs-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:var(--radius);padding:20px 22px}
.cs-card .ic-tile{margin:0 0 10px}
.cs-card h3{font-size:22px;margin-bottom:8px}
.cs-list{margin:0;padding-left:20px}
.cs-list li{font-size:17px;line-height:1.5;color:var(--ink);margin-bottom:8px}
.cs-reads{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px;margin-bottom:28px}
.cs-read p{font-size:18px;line-height:1.55;color:var(--ink);margin:0}
.cs-table th[scope=row]{text-align:left;font-weight:650}
.cs-table td,.cs-table th{padding:10px 14px}
.cs-src{display:block;margin-top:14px;color:var(--muted);font-size:15px;line-height:1.5;max-width:60em}
.cs-src a{display:inline-flex;align-items:center;min-height:44px}
.cs-storm{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:20px;margin-top:28px}
.cs-season .bars{margin-bottom:34px}
.bars .h2{height:2%}.bars .h5{height:5%}.bars .h10{height:10%}.bars .h15{height:15%}.bars .h20{height:20%}.bars .h25{height:25%}.bars .h30{height:30%}.bars .h35{height:35%}.bars .h40{height:40%}.bars .h45{height:45%}.bars .h50{height:50%}.bars .h55{height:55%}.bars .h60{height:60%}.bars .h65{height:65%}.bars .h70{height:70%}.bars .h75{height:75%}.bars .h80{height:80%}.bars .h85{height:85%}.bars .h90{height:90%}.bars .h95{height:95%}.bars .h100{height:100%}
.cs-readp{margin-top:20px;max-width:52em;font-size:18px;line-height:1.55;color:var(--ink)}
.cs-links{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px 20px}
.cs-links a{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:44px;height:100%;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--navy);font-weight:600}
.cs-links b{font-weight:650;font-size:17px;line-height:1.3}
.cs-links small{font-size:15px;line-height:1.4;color:var(--muted);font-weight:400}
.cs-co{list-style:none;margin:0 0 20px;padding:0}
.cs-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) auto;gap:12px 24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px}
.cs-who h3{font-size:20px;margin:0 0 2px}
.cs-addr{margin:2px 0 0;font-size:16px;line-height:1.4;color:var(--muted)}
.cs-row .text-link{display:inline-flex;align-items:center;min-height:44px}
.cs-addr a{display:inline-flex;align-items:center;min-height:44px}
.cs-more{margin:0 0 8px}
.cs-more .button{display:inline-flex;align-items:center;min-height:44px}
.cs-faq summary{min-height:44px}
.cs-h3{font-size:20px;margin:24px 0 8px}
.cs-near{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 24px}
.cs-near li{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;min-height:44px;border-top:1px solid var(--line)}
.cs-near a{display:inline-flex;align-items:center;min-height:44px}
.cs-near span{font-size:15px;color:var(--muted)}
.cs-end{background:var(--pale);border-top:1px solid var(--line);padding:48px 0}
.cs-end-row{display:flex;align-items:center;gap:24px}
.cs-end-row .ic-tile{margin:0;flex:0 0 48px}
.cs-end-row h2{font-size:clamp(26px,2.6vw,34px)}
.cs-end-row p{margin-top:8px;max-width:58ch;color:var(--ink)}
.cs-end-actions{margin-left:auto}
@media (max-width:1000px){.cs-guide{grid-template-columns:1fr 1fr}.cs-what{grid-column:1/-1}}
@media (max-width:700px){
 .cs-head{padding:32px 0 24px}
 .cs-head .sub{font-size:18px}
 .cs-section{padding-top:40px;padding-bottom:40px}
 .cs-guide{grid-template-columns:minmax(0,1fr)}
 .cs-storm{grid-template-columns:minmax(0,1fr)}
 .cs-row{grid-template-columns:minmax(0,1fr)}
 .cs-end-row{flex-direction:column;align-items:flex-start}
 .cs-end-actions{margin-left:0;width:100%}
 .cs-end-actions .button,.cs-actions .button{width:100%}
}

.cs-faq p{margin:0 0 6px}
.cs-pl{display:inline-flex;align-items:center;min-height:44px;margin-bottom:8px}
.cs-storm>*{min-width:0}
.area-card.hail-card.cs-season{grid-column:auto}
.cs-card p{margin:0 0 10px}
.cs-card .cy-tablewrap{margin-top:8px}
.cs-storm .cs-table th,.cs-storm .cs-table td{text-align:left}