/* PURECAR VEHICLE CRIME — CLEAN FRONTEND V1
   One stylesheet. All rules scoped to PVC. */
.pvc-shell{--red:#be2437;--ink:#191a1b;--cream:#f7f4ef;--line:#e4dfd8;--muted:#555c63;color:var(--ink);background:#fff;font-family:inherit;overflow:clip}
.pvc-shell *, .pvc-shell *::before,.pvc-shell *::after{box-sizing:border-box}
.pvc-container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.pvc-hero{background:var(--cream);border-bottom:1px solid var(--line);padding:46px 0 36px




}
.pvc-eyebrow{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px}
.pvc-eyebrow a{color:inherit}
.pvc-hero h1{font-size:clamp(31px,4.2vw,55px);letter-spacing:-.038em;line-height:1.1;max-width:850px;color:var(--ink);margin:0 0 14px;font-weight:850}
.pvc-hero h1 span{color:var(--red)}
.pvc-intro{font-size:clamp(15px,1.5vw,18px);line-height:1.65;max-width:760px;color:#45494e;margin:0 0 20px}
.pvc-dateline,.pvc-footnote{color:var(--muted);font-size:13px;line-height:1.65}
.pvc-search{background:#fff;border:1px solid var(--line);border-radius:12px;max-width:760px;padding:17px;box-shadow:0 8px 25px #1b1c1d0c;position:relative;z-index:15}
.pvc-search>label,
.pvc-search-row{display:flex;gap:8px;align-items:stretch}
.pvc-input-wrap{position:relative;min-width:0;flex:1}
.pvc-search input{width:100%;height:46px;border:1px solid #bfc2c5!important;border-radius:7px;padding:0 13px!important;color:var(--ink)!important;background:#fff!important;font-size:15px!important;outline:none;box-shadow:none!important}
.pvc-search input:focus{outline:2px solid var(--red);outline-offset:0}
.pvc-search button[type=submit]{border:0;border-radius:7px;color:#fff!important;background:var(--red)!important;font-size:14px;font-weight:800;padding:0 20px;min-height:46px;width:auto;white-space:nowrap;cursor:pointer}
.pvc-search small{display:block;margin-top:9px;color:var(--muted);font-size:12px;line-height:1.5}
.pvc-suggestions{position:absolute;z-index:300;top:calc(100% + 4px);left:0;right:0;max-height:290px;overflow-y:auto;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 16px 32px #0002;padding:4px}
.pvc-suggestions[hidden]{display:none!important}
.pvc-suggestions button{display:flex!important;width:100%!important;min-height:44px!important;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:#fff!important;border:0!important;color:var(--ink)!important;border-radius:5px!important;padding:10px!important;cursor:pointer;white-space:normal}
.pvc-suggestions button:hover,.pvc-suggestions button[aria-selected=true]{background:#f8eeee!important}
.pvc-suggestions strong{color:var(--ink);font-size:13px}
.pvc-suggestions span{color:var(--muted);font-size:11px}
.pvc-section{padding-top:44px;padding-bottom:22px}
.pvc-section-head{max-width:820px;margin-bottom:20px}
.pvc-section-head h2{font-size:clamp(23px,3vw,34px);line-height:1.2;letter-spacing:-.025em;color:var(--ink);margin:0 0 9px;font-weight:800}
.pvc-section-head>p:not(.pvc-eyebrow){font-size:15px;color:var(--muted);line-height:1.65;margin:0}
.pvc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pvc-stats article{border:1px solid var(--line);border-radius:10px;padding:21px;background:#fff;display:flex;flex-direction:column;gap:8px;min-width:0}
.pvc-stats article:first-child{border-top:4px solid var(--red)}
.pvc-stats span{font-size:13px;font-weight:650;line-height:1.45;color:var(--muted)}
.pvc-stats strong{font-size:clamp(28px,3vw,41px);font-weight:850;color:var(--ink);line-height:1.12}
.pvc-stats small{color:var(--muted);font-size:12px}











.pvc-shell .leaflet-container img.leaflet-tile,


.pvc-councils{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pvc-council{position:relative;display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);padding:18px 44px 18px 18px;border-radius:9px;text-decoration:none!important;color:var(--ink)!important;background:#fff;min-width:0}
.pvc-council:hover,.pvc-council:focus-visible{border-color:var(--red);background:#fffafa}
.pvc-council-name{font-weight:800;font-size:16px}
.pvc-council-desc{font-size:12px;color:var(--muted);line-height:1.5}
.pvc-council-arrow{position:absolute;right:17px;top:18px;color:var(--red);font-size:21px}


.pvc-trend strong{text-align:right;color:var(--ink)}


.pvc-reading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.pvc-reading article{border-top:2px solid var(--line);padding-top:15px}
.pvc-reading h3{font-size:17px;margin:0 0 7px;color:var(--ink)}
.pvc-reading p,.pvc-prose p{font-size:15px;color:#444a50;line-height:1.75}
.pvc-prose{max-width:850px;margin-inline:auto}
.pvc-prose h2{font-size:24px;color:var(--ink);margin:24px 0 8px}
.pvc-notice{padding:11px 14px;border-left:3px solid var(--red);background:#fff;color:var(--ink);font-size:13px;line-height:1.6}

.pvc-hero .pvc-container{
 display:flex;
 flex-direction:column;
 align-items:center;
 text-align:center;
}
.pvc-hero .pvc-eyebrow,
.pvc-hero .pvc-hero h1{
 text-align:center;
}
.pvc-hero h1{
 max-width:100%;
}
.pvc-hero .pvc-intro{
 margin-left:auto;
 margin-right:auto;
}
.pvc-hero .pvc-search{
 width:min(100%,760px);
 max-width:760px;
 text-align:left;
}
.pvc-hero .pvc-dateline{
 text-align:center;
}
@media(max-width:600px){
 .pvc-hero .pvc-container{
  align-items:stretch;
  text-align:left;
 }
 .pvc-hero h1,
 .pvc-hero .pvc-eyebrow,
 .pvc-hero .pvc-dateline{
  text-align:left;
 }
 .pvc-hero .pvc-intro{
  margin-left:0;
  margin-right:0;
 }
}

@media(max-width:700px){
 .pvc-container{width:calc(100% - 24px)}
 .pvc-hero{padding:26px 0 24px}
 .pvc-hero h1{font-size:33px}
 .pvc-intro{font-size:14px}
 .pvc-search{padding:12px}
 .pvc-search-row{flex-direction:column}
 .pvc-search button[type=submit]{width:100%}
 .pvc-suggestions button{align-items:flex-start;flex-direction:column;gap:2px}
 .pvc-section{padding-top:30px;padding-bottom:8px}
 .pvc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .pvc-stats article{padding:15px}
 .pvc-stats article:first-child{grid-column:1/-1}
 .pvc-stats strong{font-size:30px}
 .pvc-councils,.pvc-reading{grid-template-columns:1fr}
 
 
 
 
 
}


.pvc-history-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:12px;
}
.pvc-history-card{
 min-width:0;
 display:flex;
 flex-direction:column;
 gap:10px;
 padding:18px;
 background:#fff;
 border:1px solid #e4dfd8;
 border-radius:10px;
}
.pvc-history-month{
 color:#45494e;
 font-size:13px;
 font-weight:650;
}
.pvc-history-card strong{
 font-size:clamp(25px,3vw,34px);
 line-height:1.1;
 color:#191a1b;
 font-weight:850;
}
.pvc-history-track{
 height:7px;
 width:100%;
 border-radius:10px;
 overflow:hidden;
 background:#f0edeb;
}
.pvc-history-track div{
 height:100%;
 border-radius:10px;
 background:#be2437;
}
.pvc-history-card small{
 font-size:11px;
 line-height:1.4;
 color:#555c63;
}

@media(max-width:900px){
 .pvc-history-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
 }
}
@media(max-width:600px){
 

 .pvc-history-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
 }
 .pvc-history-card{
  padding:13px;
  gap:9px;
 }
 .pvc-history-month{font-size:12px}
 .pvc-history-card strong{font-size:27px}
}


/* PURECAR VEHICLE CRIME — REBUILT MAP COMPONENT */
.pvc-shell .pvc-map-card {
  width:100%;
  min-width:0;
  overflow:hidden;
  border:1px solid #dfdedb;
  border-radius:12px;
  background:#fff;
}
.pvc-shell .pvc-toolbar {
  display:flex;
  flex-wrap:wrap;
  align-items:end;
  gap:12px;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.pvc-shell .pvc-period {
  flex:1 1 230px;
  min-width:0;
}
.pvc-shell .pvc-period label {
  display:block;
  margin:0 0 7px;
  font-size:13px;
  font-weight:750;
  color:#191a1b;
}
.pvc-shell .pvc-period select {
  width:100%;
  height:44px;
  padding:0 12px;
  border:1px solid #c9c5bf;
  border-radius:8px;
  background:#fff;
  color:#191a1b;
  font-size:14px;
}
.pvc-shell .pvc-secondary {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-height:44px;
  padding:10px 18px;
  border:1px solid #191a1b;
  border-radius:8px;
  background:#191a1b;
  color:#fff;
  font-size:13px;
  font-weight:750;
  line-height:1.4;
  text-align:center;
  cursor:pointer;
}
.pvc-shell .pvc-map-status {
  margin:0;
  padding:11px 14px;
  background:#fff;
  color:#363b40;
  border-top:1px solid #e6e2dc;
  font-size:12px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.pvc-shell .pvc-map-stage {
  position:relative;
  width:100%;
  min-width:0;
  isolation:isolate;
  overflow:hidden;
  background:#e6eae5;
}
.pvc-shell #pvc-map {
  position:relative;
  width:100%;
  height:440px;
  min-width:0;
  z-index:0;
  background:#e6eae5;
}
.pvc-shell .pvc-map-info {
  position:absolute;
  bottom:14px;
  left:14px;
  right:14px;
  z-index:600;
  display:flex;
  align-items:flex-start;
  gap:12px;
  justify-content:space-between;
  min-width:0;
  max-width:calc(100% - 28px);
  box-sizing:border-box;
  padding:13px 14px;
  background:rgba(255,255,255,.98);
  border:1px solid #d8d5d0;
  border-left:4px solid #be2437;
  border-radius:9px;
  box-shadow:0 5px 18px rgba(0,0,0,.16);
  color:#191a1b;
}
.pvc-shell .pvc-map-info[hidden] {
  display:none!important;
}
.pvc-shell .pvc-map-info-copy {
  display:flex;
  flex:1;
  min-width:0;
  flex-direction:column;
  gap:4px;
  overflow-wrap:anywhere;
}
.pvc-shell .pvc-map-info strong {
  color:#191a1b;
  font-size:14px;
  line-height:1.3;
}
.pvc-shell .pvc-map-info span {
  font-size:12px;
  color:#555c63;
  line-height:1.5;
}
.pvc-shell #pvc-map-info-close {
  flex:0 0 28px;
  width:28px;
  height:28px;
  padding:0;
  border:0;
  border-radius:6px;
  background:#f1eeea;
  color:#191a1b;
  font-size:21px;
  line-height:1;
  cursor:pointer;
}
.pvc-shell .pvc-map-bottom {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:7px 16px;
  padding:12px 14px;
  background:#fff;
  color:#555c63;
  font-size:12px;
  line-height:1.5;
}
.pvc-shell .pvc-map-bottom i {
  display:inline-block;
  width:9px;
  height:9px;
  margin-right:6px;
  border-radius:50%;
  background:#be2437;
}
.pvc-shell .leaflet-container {
  font-family:inherit;
}
.pvc-shell .leaflet-container img.leaflet-tile,
.pvc-shell .leaflet-container img.leaflet-marker-icon {
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
}
.pvc-shell .leaflet-pane svg {
  max-width:none!important;
  max-height:none!important;
}
@media(max-width:650px) {
  .pvc-shell .pvc-toolbar {
    padding:10px;
    gap:9px;
  }
  .pvc-shell .pvc-period {
    flex:1 1 100%;
  }
  .pvc-shell .pvc-secondary {
    width:100%;
  }
  .pvc-shell #pvc-map {
    height:390px;
  }
  .pvc-shell .pvc-map-info {
    left:9px;
    right:9px;
    bottom:9px;
    max-width:calc(100% - 18px);
    padding:11px 12px;
  }
  .pvc-shell .pvc-map-info strong {
    font-size:13px;
  }
  .pvc-shell .pvc-map-info span {
    font-size:11px;
  }
}


/* PURECAR HISTORY CONTROL — SINGLE SOURCE */






















/* HISTORY CONTROL — REUSES RESET BUTTON DESIGN */
.pvc-shell .pvc-history-more {
  margin-top:14px;
}

.pvc-shell .pvc-history-more > summary.pvc-secondary {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:100%;
  min-height:44px;
  box-sizing:border-box;
  list-style:none;
  text-align:center;
}

.pvc-shell .pvc-history-more > summary::-webkit-details-marker {
  display:none;
}

.pvc-shell .pvc-history-more > summary::marker {
  content:"";
}

.pvc-shell .pvc-history-more .pvc-more-label {
  display:inline;
}
.pvc-shell .pvc-history-more .pvc-less-label {
  display:none;
}
.pvc-shell .pvc-history-more[open] .pvc-more-label {
  display:none;
}
.pvc-shell .pvc-history-more[open] .pvc-less-label {
  display:inline;
}

.pvc-shell .pvc-history-more > .pvc-history-grid {
  margin-top:14px;
}

@media(max-width:600px) {
  .pvc-shell .pvc-history-more > summary.pvc-secondary {
    width:100%;
  }
}


/* PCVI_VISUAL_SYSTEM_V5
   PureCar Vehicle Crime — canonical responsive presentation
   Shared by Northern Ireland and all council pages.
*/

.pvc-shell {
  --pcvi-surface:#f8f6f3;
  --pcvi-border:#dedbd7;
  --pcvi-dark:#191a1b;
  --pcvi-shadow:0 5px 20px rgba(20,20,20,.045);
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:clip;
  color:var(--ink);
}

.pvc-shell .pvc-section.pvc-container {
  box-sizing:border-box;
  width:min(1140px,calc(100% - 40px));
  max-width:1140px;
  margin-inline:auto;
  padding-top:22px;
  padding-bottom:12px;
  min-width:0;
}

.pvc-shell .pvc-section-head {
  min-width:0;
  margin-bottom:16px;
  text-align:left;
}

.pvc-shell .pvc-section-head .pvc-eyebrow {
  margin:0 0 8px;
  color:var(--red);
  font-size:11px;
  font-weight:850;
  letter-spacing:.09em;
  line-height:1.4;
  text-transform:uppercase;
}

.pvc-shell .pvc-section-head h2 {
  max-width:100%;
  margin:0 0 8px;
  color:var(--ink);
  font-size:clamp(21px,2.4vw,29px);
  font-weight:850;
  letter-spacing:-.025em;
  line-height:1.2;
  overflow-wrap:break-word;
}

.pvc-shell .pvc-section-head p {
  max-width:75ch;
  margin:6px 0 0;
  color:#555b60;
  font-size:14px;
  font-weight:400;
  line-height:1.6;
  overflow-wrap:break-word;
}

.pvc-shell .pvc-hero h1 {
  max-width:100%;
  font-size:clamp(30px,3.6vw,48px);
  letter-spacing:-.035em;
  line-height:1.14;
  overflow-wrap:break-word;
}

/* Reporting filter — featured first, not a giant plain form */
.pvc-shell .pvc-section.pvc-container[aria-labelledby="pcvi-heading"] {
  padding:22px 24px 24px;
  margin-top:18px;
  margin-bottom:14px;
  border:1px solid var(--pcvi-border);
  border-top:4px solid var(--red);
  border-radius:15px;
  background:var(--pcvi-surface);
  box-shadow:var(--pcvi-shadow);
}

.pvc-shell .pcvi-controls {
  width:100%;
  max-width:100%;
  min-width:0;
  margin:14px 0 18px;
  box-sizing:border-box;
}

.pvc-shell .pcvi-controls label,
.pvc-shell .pcvi-compare-controls label,
.pvc-shell .pvc-period label,
.pvc-shell label[for="pvc-map-month"] {
  display:block;
  margin:0 0 8px;
  color:var(--pcvi-dark);
  font-size:13px !important;
  font-weight:800;
  line-height:1.4;
}

/* One consistent dropdown design: arrow 22px from right edge */
.pvc-shell #pcvi-period,
.pvc-shell #pcvi-compare-council,
.pvc-shell #pvc-map-month {
  display:block;
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  max-width:100%;
  height:46px;
  min-height:46px;
  box-sizing:border-box;
  margin:0;
  padding:0 54px 0 14px !important;
  border:1px solid #cfcac4;
  border-radius:9px;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23191a1b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 22px center;
  background-size:18px 18px;
  color:var(--pcvi-dark);
  font-family:inherit;
  font-size:14px !important;
  font-weight:650;
  line-height:1.4;
  box-shadow:none;
  cursor:pointer;
}

.pvc-shell #pcvi-period:focus-visible,
.pvc-shell #pcvi-compare-council:focus-visible,
.pvc-shell #pvc-map-month:focus-visible,
.pvc-shell #pvc-map-reset:focus-visible,
.pvc-shell .pcvi-tab:focus-visible {
  outline:2px solid var(--red);
  outline-offset:3px;
}

.pvc-shell #pcvi-period:hover,
.pvc-shell #pcvi-compare-council:hover,
.pvc-shell #pvc-map-month:hover {
  border-color:#8c8883;
}

.pvc-shell .pcvi-controls .pvc-footnote,
.pvc-shell #pcvi-period-description {
  max-width:100%;
  margin:9px 0 0;
  color:#5c6165;
  font-size:12px !important;
  font-weight:450;
  line-height:1.55;
  overflow-wrap:break-word;
}

/* Data cards — strong statistics without oversized typography */
.pvc-shell .pvc-stats {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0;
  min-width:0;
}

.pvc-shell .pvc-stats article {
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  box-sizing:border-box;
  padding:18px;
  border:1px solid var(--pcvi-border);
  border-radius:11px;
  background:#fff;
  box-shadow:var(--pcvi-shadow);
}

.pvc-shell .pvc-stats article:first-child {
  grid-column:auto;
  border-top:4px solid var(--red);
}

.pvc-shell .pvc-stats article span {
  color:#555b60;
  font-size:12px;
  font-weight:700;
  line-height:1.45;
}

.pvc-shell .pvc-stats article strong {
  color:var(--pcvi-dark);
  font-size:clamp(25px,3vw,38px);
  font-weight:850;
  letter-spacing:-.035em;
  line-height:1.12;
  overflow-wrap:anywhere;
}

.pvc-shell .pvc-stats article small {
  color:#656a6f;
  font-size:11px;
  line-height:1.5;
}

/* Map container — concise controls and more room for the map */
.pvc-shell .pvc-map-card {
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid var(--pcvi-border);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--pcvi-shadow);
}

.pvc-shell .pvc-map-card .pvc-toolbar {
  display:flex;
  flex-direction:row;
  align-items:end;
  flex-wrap:wrap;
  gap:12px;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  margin:0;
  padding:14px 16px;
  border:0;
  background:var(--pcvi-surface);
}

.pvc-shell .pvc-map-card .pvc-period {
  flex:1 1 270px;
  width:auto;
  max-width:100%;
  min-width:0;
  margin:0;
  box-sizing:border-box;
}

.pvc-shell #pvc-map-reset {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:auto;
  min-width:112px;
  min-height:46px;
  height:46px;
  box-sizing:border-box;
  margin:0;
  padding:0 18px;
  border:1px solid var(--pcvi-dark);
  border-radius:9px;
  background:var(--pcvi-dark);
  color:#fff;
  font-family:inherit;
  font-size:13px !important;
  font-weight:800;
  line-height:1.35;
  text-align:center;
  white-space:normal;
  cursor:pointer;
}

.pvc-shell #pvc-map-reset:hover {
  background:#333538;
}

.pvc-shell #pvc-map-status {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  margin:0;
  padding:11px 16px;
  border-top:1px solid var(--pcvi-border);
  border-bottom:1px solid var(--pcvi-border);
  border-radius:0;
  background:#fff;
  color:#4e5459;
  font-size:13px !important;
  font-weight:550;
  line-height:1.55;
  overflow-wrap:break-word;
}

.pvc-shell .pvc-map-card .pvc-map-stage {
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}

.pvc-shell .pvc-map-card #pvc-map {
  width:100%;
  min-width:0;
  height:445px;
}

/* Intelligence section */
.pvc-shell .pvc-section.pvc-container[aria-label="Detailed vehicle crime intelligence"] {
  padding-top:20px;
  padding-bottom:12px;
}

.pvc-shell .pcvi-dynamic {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  box-sizing:border-box;
}

.pvc-shell .pcvi-tabs {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  width:100%;
  margin:0 0 12px;
  padding:0;
}

.pvc-shell .pcvi-tab {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  min-height:46px;
  box-sizing:border-box;
  margin:0;
  padding:10px 12px;
  border:1px solid var(--pcvi-border);
  border-radius:9px;
  background:#fff;
  color:var(--pcvi-dark);
  font-family:inherit;
  font-size:13px !important;
  font-weight:800;
  line-height:1.35;
  text-align:center;
  white-space:normal;
  cursor:pointer;
}

.pvc-shell .pcvi-tab[aria-pressed="true"] {
  border-color:var(--pcvi-dark);
  background:var(--pcvi-dark);
  color:#fff;
}

.pvc-shell .pcvi-tab:hover:not([aria-pressed="true"]) {
  border-color:var(--red);
  background:#fffafa;
}

/* A structured intelligence dashboard, not loose paragraphs */
.pvc-shell .pcvi-panel {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:11px;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  margin:0;
  padding:15px;
  border:1px solid var(--pcvi-border);
  border-radius:12px;
  background:var(--pcvi-surface);
}

.pvc-shell .pcvi-panel > h3 {
  grid-column:1/-1;
  margin:0;
  padding:2px 2px 13px;
  border-bottom:1px solid var(--pcvi-border);
  color:var(--pcvi-dark);
  font-size:19px !important;
  font-weight:850;
  line-height:1.3;
}

.pvc-shell .pcvi-panel > p {
  min-width:0;
  max-width:none;
  box-sizing:border-box;
  margin:0;
  padding:16px 17px;
  border:1px solid var(--pcvi-border);
  border-radius:9px;
  background:#fff;
  color:#444a50;
  font-size:14px !important;
  line-height:1.6;
  overflow-wrap:anywhere;
}

.pvc-shell .pcvi-panel > p:first-of-type {
  border-left:4px solid var(--red);
  color:var(--pcvi-dark);
  font-weight:700;
}

.pvc-shell .pcvi-panel > p:last-of-type {
  grid-column:1/-1;
  background:#fff;
  color:#555b60;
  font-size:13px !important;
}

.pvc-shell .pcvi-compare-controls {
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  margin:10px 0 0;
  padding:15px 17px;
  border:1px solid var(--pcvi-border);
  border-radius:10px;
  background:#fff;
}

.pvc-shell .pcvi-compare-controls select {
  max-width:560px;
}

.pvc-shell .pvc-footnote {
  max-width:82ch;
  margin:12px 0 0;
  color:#656a6f;
  font-size:12px !important;
  line-height:1.65;
  overflow-wrap:anywhere;
}

/* Supporting information and historical records */
.pvc-shell .pvc-reading {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}

.pvc-shell .pvc-reading article {
  box-sizing:border-box;
  min-width:0;
  padding:17px 18px;
  border:1px solid var(--pcvi-border);
  border-top:3px solid var(--red);
  border-radius:10px;
  background:#fff;
}

.pvc-shell .pvc-reading h3 {
  margin:0 0 7px;
  color:var(--pcvi-dark);
  font-size:17px;
  font-weight:800;
  line-height:1.3;
}

.pvc-shell .pvc-reading p {
  margin:0;
  color:#555b60;
  font-size:14px;
  line-height:1.65;
  overflow-wrap:anywhere;
}

.pvc-shell .pvc-history-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
  min-width:0;
}

.pvc-shell .pvc-history-card {
  min-width:0;
  box-sizing:border-box;
  padding:16px;
  border:1px solid var(--pcvi-border);
  border-radius:10px;
  background:#fff;
}

.pvc-shell .pvc-history-card strong {
  color:var(--pcvi-dark);
  font-size:28px;
  line-height:1.15;
}

.pvc-shell .pvc-history-month {
  color:#555b60;
  font-size:12px;
  font-weight:700;
}

.pvc-shell .pvc-councils {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}

.pvc-shell .pvc-council {
  min-width:0;
  border-radius:10px;
  box-shadow:var(--pcvi-shadow);
}

/* Hidden elements must stay hidden after CSS changes */
.pvc-shell .pcvi-dynamic[hidden],
.pvc-shell .pcvi-compare-controls[hidden],
.pvc-shell .pvc-reading[hidden] {
  display:none;
}

/* Tablet */
@media(max-width:900px) {
  .pvc-shell .pcvi-tabs {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pvc-shell .pvc-history-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* Phones */
@media(max-width:700px) {
  .pvc-shell .pvc-section.pvc-container {
    width:calc(100% - 24px);
    max-width:calc(100% - 24px);
    padding-top:18px;
    padding-bottom:8px;
  }

  .pvc-shell .pvc-section.pvc-container[aria-labelledby="pcvi-heading"] {
    padding:17px 14px 18px;
    margin-top:12px;
    margin-bottom:10px;
    border-radius:12px;
  }

  .pvc-shell .pvc-section-head h2 {
    font-size:22px;
  }

  .pvc-shell .pvc-section-head p {
    font-size:13px;
    line-height:1.55;
  }

  .pvc-shell .pvc-stats {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }

  .pvc-shell .pvc-stats article {
    padding:13px;
    gap:7px;
  }

  .pvc-shell .pvc-stats article:first-child {
    grid-column:1/-1;
  }

  .pvc-shell .pvc-stats article strong {
    font-size:28px;
  }

  .pvc-shell .pvc-map-card .pvc-toolbar {
    flex-direction:column;
    align-items:stretch;
    gap:9px;
    padding:12px;
  }

  .pvc-shell .pvc-map-card .pvc-period {
    flex:0 0 auto;
    width:100%;
    min-width:0;
  }

  .pvc-shell #pvc-map-reset {
    width:100%;
    min-width:0;
    height:44px;
    min-height:44px;
  }

  .pvc-shell .pvc-map-card #pvc-map {
    height:355px;
  }

  .pvc-shell .pcvi-tabs {
    gap:7px;
  }

  .pvc-shell .pcvi-tab {
    min-height:46px;
    padding:9px 7px;
    font-size:12px !important;
  }

  .pvc-shell .pcvi-panel {
    grid-template-columns:minmax(0,1fr);
    gap:9px;
    padding:10px;
  }

  .pvc-shell .pcvi-panel > h3,
  .pvc-shell .pcvi-panel > p:last-of-type {
    grid-column:1;
  }

  .pvc-shell .pcvi-panel > h3 {
    font-size:17px !important;
  }

  .pvc-shell .pcvi-panel > p {
    padding:12px 13px;
    font-size:13px !important;
  }

  .pvc-shell .pcvi-compare-controls {
    padding:12px;
  }

  .pvc-shell .pvc-reading,
  .pvc-shell .pvc-councils {
    grid-template-columns:minmax(0,1fr);
  }

  .pvc-shell .pvc-history-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }

  .pvc-shell .pvc-history-card {
    padding:12px;
  }
}

/* Narrow phones */
@media(max-width:360px) {
  .pvc-shell .pvc-stats {
    grid-template-columns:minmax(0,1fr);
  }
  .pvc-shell .pvc-stats article:first-child {
    grid-column:1;
  }
}

@media(prefers-reduced-motion:reduce) {
  .pvc-shell .pcvi-tab,
  .pvc-shell .pvc-council {
    transition:none;
  }
}