/* Single-page design preview: clearer section hierarchy and a wider concentration chart. */

/* Make the main analytical chapters easier to scan without turning the page into bands. */
section.data-section{
  padding-top:92px;
}
section.data-section>.section-head,
section.provider-section>.section-head,
section.population-section>.section-head{
  border-top-color:#aeb8b2;
  padding-top:22px;
  margin-bottom:34px;
}
section.data-section>.section-head{
  position:relative;
}
section.data-section>.section-head:before{
  content:"";
  position:absolute;
  left:0;
  top:-1px;
  width:68px;
  height:2px;
  background:var(--ink);
}
#territori,#hospital-evolucio,#dades,#metodologia{margin-top:14px}

/* One restrained full-width analytical band, containing population and concentration. */
#poblacio{
  position:relative;
  margin-top:100px;
  padding:76px 0 84px;
  border-top:0;
  background:#f5f7f6;
  box-shadow:0 0 0 100vmax #f5f7f6;
  clip-path:inset(0 -100vmax);
}
#poblacio>.section-head{
  border-top:0;
  padding-top:0;
}
#poblacio .pop-card,
#poblacio .population-area-shell,
#poblacio .concentration-chart,
#poblacio .concentration-copy,
#poblacio .concentration-interpretation{
  background:#fff;
}
#proveidors{padding-top:92px}
#metodologia{padding-top:96px}

/* More recognisable schematic silhouette: straight segments and sharp joins. */
.cat-outline{
  left:-.5%;
  top:-1.5%;
  width:101%;
  height:104%;
  opacity:.68;
}
.cat-outline path{
  stroke-width:1.35;
  stroke-dasharray:4 4;
  stroke-linecap:butt;
  stroke-linejoin:miter;
}

/* Concentration: restore the visual priority of the scatter. */
.concentration-block{
  margin-top:58px;
  padding-top:48px;
}
.concentration-heading{
  display:block;
}
.concentration-heading h3{
  font-size:28px;
}
.concentration-yearbar{
  margin-top:20px;
  padding-bottom:2px;
}
.concentration-block>.population-source{
  margin-top:16px;
  margin-bottom:24px;
  max-width:960px;
}
.concentration-grid{
  grid-template-columns:minmax(0,1.58fr) minmax(320px,.72fr);
}
.concentration-chart{
  padding:22px 24px 18px;
}
.concentration-copy{
  padding:22px 20px;
}
.concentration-svg{
  min-height:390px;
}
.concentration-metrics{
  gap:17px;
}
.concentration-metrics strong{
  font-size:30px;
}
.top-centre{
  font-size:12px;
  grid-template-columns:minmax(0,1fr) 52px;
}
.concentration-benchmark small{
  font-size:11.5px;
  line-height:1.5;
}

/* Interpretation now closes the whole two-column composition. */
.concentration-interpretation{
  display:grid;
  grid-template-columns:minmax(190px,.28fr) minmax(0,1fr);
  gap:34px;
  align-items:start;
  border:1px solid var(--rule);
  border-top:0;
  padding:20px 22px 21px;
}
.concentration-interpretation h4{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.25;
  font-weight:500;
}
.concentration-explanation{
  margin:0;
  padding:0;
  border:0;
  font-size:13px;
  line-height:1.65;
  color:#535b56;
}

/* Slightly stronger whitespace around the remaining large transitions. */
.provider-section{margin-top:18px}
.data-disclaimer{margin-top:76px}

@media(max-width:1050px){
  .concentration-grid{grid-template-columns:1fr}
  .concentration-copy{min-height:0}
  .concentration-interpretation{grid-template-columns:1fr;gap:8px}
}
@media(max-width:720px){
  section.data-section{padding-top:72px}
  #poblacio{margin-top:76px;padding:58px 0 64px}
  .concentration-block{margin-top:44px;padding-top:38px}
  .concentration-yearbar{margin-top:16px}
  .concentration-heading h3{font-size:25px}
  .concentration-interpretation{padding:17px 15px 18px}
}

.cat-outline path{stroke-linejoin:miter!important;stroke-linecap:butt!important}.data-availability-note{margin:0 0 28px;padding:15px 18px;border-left:4px solid #c99d3d;background:#fff8e8;color:#5a4a27;font-size:13px}.concentration-heading{display:block!important}.concentration-yearbar{margin:14px 0 22px!important}.concentration-grid{grid-template-columns:minmax(0,1.85fr) minmax(260px,.85fr)!important}.concentration-interpretation{margin-top:20px!important;width:100%!important}@media(max-width:850px){.concentration-grid{grid-template-columns:1fr!important}}