.cp-story-strip{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:14px;color:#edf7fc;min-width:0}
.cp-story-strip>section{padding:14px;background:linear-gradient(120deg,#12394b,#153445);border:1px solid #326a80;box-sizing:border-box;min-width:0}
.cp-story-strip h3{font-size:17px!important;margin:0 0 10px!important;color:#edf7fc}
.cp-story-strip h3>small{font-size:12px!important;color:#a7d8de;margin-left:8px;font-weight:400}
.cp-county-dna dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.cp-story-strip dt{font-size:10px!important;color:#b7d2e1;line-height:1.45}
.cp-story-strip dd{margin:3px 0 0;font-size:18px!important;font-weight:700;color:#edf7fc;line-height:1.3}
.cp-county-dna dl>div:last-child dd{font-size:12px!important}
.cp-county-dna dl>div:nth-child(5) dd{font-size:12px!important;color:#bdd2df}
.cp-battleground-meter{height:8px;background:#375769;overflow:hidden;border-radius:2px}
.cp-battleground-meter>i{display:block;height:100%;background:#6bdfc7}
.cp-count-story p,.cp-count-story details>small{font-size:11px!important;line-height:1.45;color:#b7d2e1}
.cp-count-story details>summary{color:#d9edf6!important;font-size:12px!important;min-height:32px;cursor:pointer}
.cp-count-story details dl{margin:8px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.cp-count-story details dd{font-size:16px!important;color:#8ce7d4}
.ee-ward-stories{padding:14px!important;margin-top:14px;border-color:#326a80!important;min-width:0;box-sizing:border-box}
.ee-ward-stories>header{display:flex;justify-content:space-between;align-items:end;gap:16px}
.ee-ward-stories>header label{font-size:11px!important;display:grid;gap:5px;min-width:220px}
.ee-ward-stories>header select{font-size:13px!important;padding:8px;min-height:40px;background:#244b5f;color:#edf7fc;border:1px solid #456b80}
.ee-ward-stories p,.ee-ward-stories>small{font-size:11px!important;color:#b8d0e0;line-height:1.45}
.ee-ward-stories ol{list-style:none;padding:0;margin:10px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
body[data-atlas-theme=broadcast] .ee-ward-stories li>button{width:100%;display:flex;flex-direction:column;gap:7px;text-align:left;min-height:100px;padding:12px;background:#153c50;color:#edf7fc;border:1px solid #3d6b80;font-size:13px!important;cursor:pointer}
.ee-ward-stories li>button>strong{font-size:23px!important;line-height:1.2;color:#8ce7d4}
.ee-ward-stories li>button>small{font-size:10px!important;line-height:1.4;color:#bdd4e2}
@media(min-width:1101px){
 body[data-access=public][data-view=county] #countyView #countyProfileContent .cp-profile:has(>.cp-tab-panel:is(#cp-panel-overview,#cp-panel-areas)){display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:16px}
 body[data-access=public][data-view=county] #countyView #countyProfileContent .cp-profile:has(>.cp-tab-panel:is(#cp-panel-overview,#cp-panel-areas)) .cp-story-strip{grid-column:1/-1;grid-row:3}
 body[data-access=public][data-view=county] #countyView #countyProfileContent .cp-profile:has(>.cp-tab-panel:is(#cp-panel-overview,#cp-panel-areas)) .cp-stats{grid-column:1;grid-row:4}
 body[data-access=public][data-view=county] #countyView #countyProfileContent .cp-profile:has(>.cp-tab-panel:is(#cp-panel-overview,#cp-panel-areas))>.cp-tabs{grid-column:1;grid-row:5}
 body[data-access=public][data-view=county] #countyView #countyProfileContent .cp-profile:has(>.cp-tab-panel:is(#cp-panel-overview,#cp-panel-areas)) .ee-map-card{grid-column:2;grid-row:4/span 2}
 body[data-access=public][data-view=county] #countyView #countyProfileContent .cp-profile:has(>.cp-tab-panel:is(#cp-panel-overview,#cp-panel-areas)) .ee-results{grid-column:3;grid-row:4/span 2}
 body[data-access=public][data-view=county] #countyView #countyProfileContent .ee-ward-stories{grid-column:2/-1;grid-row:auto}
}
@media(max-width:1100px){.cp-story-strip{grid-template-columns:minmax(0,1fr)}.ee-ward-stories ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){
 body[data-access=public] #countyView #countyProfileContent .cp-story-strip{grid-column:1!important;grid-row:3!important}
 body[data-access=public] #countyView #countyProfileContent .atlas-mobile-disclosure:has(>.cp-story-strip){grid-column:1!important;grid-row:3!important;margin:0!important}
 body[data-access=public] #countyView #countyProfileContent .cp-profile:has(>.cp-tab-panel:is(#cp-panel-overview,#cp-panel-areas))>.cp-tabs{grid-row:4!important}
 body[data-access=public] #countyView #countyProfileContent .cp-profile:has(>.cp-tab-panel:is(#cp-panel-overview,#cp-panel-areas)) .cp-stats{grid-row:5!important}
 body[data-access=public] #countyView #countyProfileContent .cp-profile:has(>.cp-tab-panel:is(#cp-panel-overview,#cp-panel-areas)) .ee-map-card{grid-row:6!important}
 body[data-access=public] #countyView #countyProfileContent .cp-profile:has(>.cp-tab-panel:is(#cp-panel-overview,#cp-panel-areas)) .ee-results{grid-row:7!important}
 .cp-story-strip{gap:10px}
 .cp-story-strip>section{padding:12px}
 .cp-county-dna dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .cp-story-strip dd{font-size:20px!important}
 .cp-story-strip h3{font-size:17px!important}
 .ee-ward-stories>header{flex-wrap:wrap;gap:10px}
 .ee-ward-stories>header label{width:100%;min-width:0}
 .ee-ward-stories ol{grid-template-columns:minmax(0,1fr);gap:6px}
 body[data-atlas-theme=broadcast] .ee-ward-stories li>button{display:grid;grid-template-columns:1fr auto;min-height:60px;padding:10px}
 .ee-ward-stories li>button>strong{font-size:19px!important}
 .ee-ward-stories li>button>small{grid-column:1/-1}
}

@media(min-width:1101px){
 body[data-access=public] #countyView #countyProfileContent .cp-profile>.cp-header{padding:20px 0!important;min-height:0!important;margin:0!important}
 body[data-access=public] #countyView #countyProfileContent .cp-county-dna dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px}
 body[data-access=public] #countyView #countyProfileContent .cp-story-strip>section{padding:12px}
 body[data-access=public] #countyView #countyProfileContent .cp-story-strip dt{font-size:10px!important;line-height:1.4!important}
 body[data-access=public] #countyView #countyProfileContent .cp-story-strip dd{font-size:18px!important;line-height:1.2!important}
 body[data-access=public] #countyView #countyProfileContent .cp-story-strip dl>div:last-child dd{font-size:12px!important}
}
.ee-ward-stories>header{flex-wrap:wrap}
.ee-ward-stories>header>div{flex:1 1 220px}
.ee-ward-stories>header label{min-width:170px;flex:0 1 220px}

/* County reference: compact context strip, map in the centre, five ward panels. */
.ee-reference-ward-desk{min-width:0;margin-top:10px;grid-column:1/-1}
.cp-ward-desk-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.cp-ward-desk-grid>section{background:linear-gradient(120deg,#062e41,#09283a);border:1px solid #28637b;border-radius:3px;padding:10px;min-width:0}
body[data-atlas-theme=broadcast] .cp-ward-desk-grid h3{font-size:11px!important;color:#8edce8!important;line-height:1.3!important;margin:0 0 8px!important}
body[data-atlas-theme=broadcast] .cp-ward-desk-grid table{min-width:0;width:100%;table-layout:fixed;border-collapse:collapse}
body[data-atlas-theme=broadcast] .cp-ward-desk-grid :is(td,th){font-size:10px!important;line-height:1.3!important;padding:5px 3px!important;border-bottom:1px solid #2a4f64}
body[data-atlas-theme=broadcast] .cp-ward-desk-grid th:last-child{width:60px}
body[data-atlas-theme=broadcast] .cp-ward-desk-grid td button{font-size:10px!important;line-height:1.3!important;min-height:0;padding:0!important;border:0;background:none;text-align:left;cursor:pointer}
body[data-atlas-theme=broadcast] .cp-ward-desk-grid p{font-size:11px!important;color:#b9d0dd}
.cp-ward-ranking-explorer{margin-top:8px}
.cp-ward-ranking-explorer>summary{font-size:11px!important;color:#b9dce7;padding:8px;cursor:pointer}
@media(min-width:1101px){
 body[data-access=public] #countyView #countyProfileContent .cp-profile:has(>.cp-tab-panel:is(#cp-panel-overview,#cp-panel-areas)){grid-template-columns:260px minmax(0,1fr) 330px;gap:10px}
 body[data-access=public] #countyView #countyProfileContent .cp-profile>.cp-header{padding:12px 0!important}
 body[data-access=public] #countyView #countyProfileContent .cp-profile>.cp-header h1{font-size:28px!important}
 body[data-access=public] #countyView #countyProfileContent .cp-story-strip{display:contents}
 body[data-access=public] #countyView #countyProfileContent .cp-county-dna{grid-column:1/-1;grid-row:3;padding:12px;display:flex;align-items:center;gap:24px}
 body[data-access=public] #countyView #countyProfileContent .cp-county-dna h3{flex:0 0 190px;margin:0!important;font-size:17px!important}
 body[data-access=public] #countyView #countyProfileContent .cp-county-dna h3 small{display:block;margin:6px 0 0;font-size:12px!important}
 body[data-access=public] #countyView #countyProfileContent .cp-county-dna dl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));flex:1}
 body[data-access=public] #countyView #countyProfileContent .cp-county-dna dt{font-size:10px!important}
 body[data-access=public] #countyView #countyProfileContent .cp-county-dna dd{font-size:20px!important}
 body[data-access=public] #countyView #countyProfileContent .cp-county-dna dl>div:nth-child(5) dd{font-size:12px!important}
 body[data-access=public] #countyView #countyProfileContent .cp-count-story{grid-column:1;grid-row:5;padding:12px;border:1px solid #326a80;background:#0e3144;align-self:start}
 body[data-access=public] #countyView #countyProfileContent .cp-profile:has(>.cp-tab-panel:is(#cp-panel-overview,#cp-panel-areas))>.cp-tabs{grid-column:1/-1;grid-row:4;display:flex!important;flex-wrap:nowrap;gap:5px;padding:0!important;align-self:start}
 body[data-access=public] #countyView #countyProfileContent .cp-tabs>button{font-size:11px!important;padding:7px 12px!important;min-height:32px}
 body[data-access=public] #countyView #countyProfileContent .cp-profile:has(>.cp-tab-panel:is(#cp-panel-overview,#cp-panel-areas)) .cp-stats{grid-row:5}
 body[data-access=public] #countyView #countyProfileContent .cp-count-story{grid-row:6}
 body[data-access=public] #countyView #countyProfileContent .cp-profile:has(>.cp-tab-panel:is(#cp-panel-overview,#cp-panel-areas)) .ee-map-card{grid-row:5/span 2;padding:10px!important}
 body[data-access=public] #countyView #countyProfileContent .cp-profile:has(>.cp-tab-panel:is(#cp-panel-overview,#cp-panel-areas)) .ee-results{grid-row:5/span 2;padding:12px!important}
 body[data-access=public] #countyView #countyProfileContent .ee-map-stage{height:clamp(420px,52dvh,650px)!important;min-height:0!important}
 body[data-access=public] #countyView #countyProfileContent .ee-reference-ward-desk{grid-column:1/-1;grid-row:7}
}
@media(max-width:1100px){.cp-ward-desk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.cp-ward-desk-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cp-ward-desk-grid>section:last-child{grid-column:1/-1}.cp-ward-desk-grid td button{min-height:32px!important}.ee-reference-ward-desk{width:100%}}
