.city-profiles{grid-column:1/-1;min-width:0;color:#102c40;background:#f7f9fb;padding:24px;border-radius:14px;box-sizing:border-box}
.city-profiles>header{display:block;position:static;height:auto;min-height:0;padding:0;background:none;border:0;box-shadow:none;color:inherit;backdrop-filter:none}.city-profiles>header .eyebrow{display:block;background:none;border:0;padding:0;color:#096582}.city-profiles>header h2{color:#102c40}
.city-profiles h2{font-size:28px;margin:8px 0}.city-profiles h3{font-size:26px;margin:16px 0 4px}.city-profiles h4{font-size:17px}
.cp-tools{display:flex;gap:16px;margin:24px 0 12px;flex-wrap:wrap}.cp-tools label{display:grid;gap:8px;flex:1;min-width:180px;font-weight:600;font-size:12px}.cp-tools input,.cp-tools select{width:100%;box-sizing:border-box;font:inherit;font-size:14px;padding:12px;border:1px solid #becbd2;border-radius:8px;background:white;color:#102c40}
.cp-count,.cp-source{font-size:12px;color:#526573;line-height:1.7}.cp-source{border-top:1px solid #d8e0e4;padding-top:20px;margin-top:28px}.city-profiles a{color:#096582;overflow-wrap:anywhere}
.cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cp-grid[hidden]{display:none}.cp-card{padding:0;overflow:hidden;text-align:left;border:1px solid #d8e0e4;border-radius:12px;background:white;color:inherit;font:inherit;cursor:pointer;transition:box-shadow .2s}.cp-card:hover{box-shadow:0 5px 18px #102c4020}.cp-card:focus-visible,.city-profiles a:focus-visible{outline:3px solid #daaa00;outline-offset:3px}.cp-card>img{width:100%;height:125px;object-fit:cover}.cp-card>span{display:grid;gap:9px;padding:16px}.cp-card strong{font-size:18px}.cp-card small{color:#526573}.cp-card em{font-size:12px;font-style:normal;color:#096582}
.cp-close{font:inherit;padding:10px 14px;margin:0 0 16px;cursor:pointer;border:1px solid #becbd2;border-radius:8px;background:white;color:#096582}.cp-banner{display:block;width:100%;max-height:240px;object-fit:cover;border-radius:12px}.cp-profile-columns{display:grid;grid-template-columns:2fr 1fr;gap:28px}.cp-profile dl{margin:0}.cp-profile dl>div{padding:12px 0;border-bottom:1px solid #e0e6e9;display:grid;grid-template-columns:1fr 1fr;gap:14px}.cp-profile dt{color:#526573}.cp-profile dd{margin:0;overflow-wrap:anywhere}.cp-mayor{width:100%;max-height:240px;object-fit:contain;object-position:left;margin-top:24px}.cp-links{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}.cp-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cp-gallery img{width:100%;height:140px;object-fit:cover;border-radius:8px}.cp-profile video{width:100%;max-height:420px}.cp-profile summary{padding:20px 0;cursor:pointer;font-weight:600}.cp-unavailable{padding:16px;background:#f8f3dd;border-radius:8px}
@media(max-width:1000px){.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-profile-columns{grid-template-columns:1fr}.cp-mayor{max-width:200px}.cp-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.cp-grid{grid-template-columns:1fr}.cp-profile dl>div{grid-template-columns:1fr;gap:6px}.cp-tools{gap:12px}.city-profiles h2{font-size:24px}}

/* Match the intelligence dashboard: photographic backdrop and light data cards. */
.city-profiles{padding:0;background:transparent;border-radius:0;color:#fff}
.city-profiles>header{margin-bottom:20px}
.city-profiles>header h2{color:#fff;font-family:Archivo,Inter,sans-serif;font-size:30px;font-weight:800;text-shadow:0 2px 14px #040b188c}
.city-profiles>header .eyebrow{color:var(--amar);font-size:10px;font-weight:800;letter-spacing:.12em}
.city-profiles>header p,.city-profiles .cp-count{color:#d9e3ef}
.cp-tools{padding:18px;background:rgba(10,26,49,.8);border:1px solid #ffffff30;border-radius:var(--r);box-shadow:var(--sh)}
.cp-tools label{color:#d9e3ef;text-transform:uppercase;font-size:10px;letter-spacing:.06em}
.cp-tools input,.cp-tools select{font-family:Inter,sans-serif;font-weight:500;letter-spacing:0;text-transform:none;background:#fffffff0;color:var(--tinta);border-color:#ffffff80}
.cp-card{background:var(--card);color:var(--tinta);border:1px solid #ffffff8c;border-radius:14px;box-shadow:var(--sh);backdrop-filter:blur(14px) saturate(125%);transition:transform .18s,box-shadow .18s}
.cp-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.cp-card strong{color:var(--azul);font-family:Archivo,Inter,sans-serif;font-size:20px}
.cp-card>img{height:160px}.cp-card small{color:var(--gris)}
.cp-card em{justify-self:start;padding:7px 10px;border-radius:6px;background:var(--amar);color:#241d00;font-weight:800}
.cp-profile{padding:22px;background:var(--card);color:var(--tinta);border:1px solid #ffffff8c;border-radius:var(--r);box-shadow:var(--sh-lg);backdrop-filter:blur(14px) saturate(125%)}
.cp-profile h3,.cp-profile h4{color:var(--azul);font-family:Archivo,Inter,sans-serif}
.cp-profile h3{font-size:32px}.cp-profile>p{color:var(--gris)}
.cp-profile .cp-close{background:var(--amar);color:#241d00;border:0;font-weight:800}
.cp-profile a{color:var(--azul)}
.cp-banner{max-height:300px}.cp-profile-columns>aside{border-left:1px solid var(--line);padding-left:24px}
.cp-source{color:#d9e3ef;border-color:#ffffff30}.cp-source a{color:#f6ce48}
.cp-unavailable{color:#102c40}
@media(max-width:1000px){.cp-profile-columns>aside{border-left:0;border-top:1px solid var(--line);padding:0}}
@media(max-width:540px){.city-profiles>header h2{font-size:26px}.cp-profile{padding:16px}.cp-profile h3{font-size:26px}.cp-tools{padding:14px}}
@media(prefers-reduced-motion:reduce){.cp-card{transition:none}.cp-card:hover{transform:none}}