/* Inserti editoriali del capitolo 9, nella palette chiara Swipeit. */
#europa-regno-unito .country-heading {
  margin-top: 44px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}
.europe-inset {
  margin: 30px 0;
  padding: 24px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-top: 3px solid var(--rust);
  border-radius: 3px;
  scroll-margin-top: 110px;
}
.story .europe-inset .inset-kicker {
  margin: 0 0 9px;
  font: 600 11px/1.4 var(--body);
  letter-spacing: .065em;
  text-transform: uppercase;
  color: var(--rust-light);
}
.story .europe-inset h4 {
  margin: 0 0 12px;
  font: 700 23px/1.25 var(--article-heading);
  color: var(--text);
}
.story .europe-inset .inset-intro {
  margin: 0 0 20px;
  font: 400 14px/1.65 var(--body);
  color: var(--body-text);
}
.europe-inset dl { margin: 0; }
.inset-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.inset-metrics > div { min-width: 0; }
.inset-metrics > div + div { border-left: 1px solid var(--line); padding-left: 16px; }
.europe-inset dt { margin-bottom: 8px; font: 500 12px/1.4 var(--body); color: var(--muted); }
.europe-inset dd { margin: 0; font: 700 32px/1.15 var(--body); color: var(--rust-light); font-variant-numeric: tabular-nums; letter-spacing: -.035em; }
.europe-inset dd small { display: block; margin-top: 5px; font: 400 11px/1.5 var(--body); color: var(--muted); letter-spacing: 0; }
.europe-inset figcaption { margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--line); font: 400 12px/1.65 var(--body); color: var(--muted); }
.europe-inset figcaption .source-ref { font-size: 11px; }
.inset-metrics.redundancy-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.redundancy-metrics > div + div { padding-left: 22px; }
.redundancy-metrics .inset-secondary dd { color: var(--body-text); }
.waiting-comparison { display: grid; gap: 17px; }
.waiting-comparison > div { display: grid; grid-template-columns: 90px minmax(0,1fr) 105px; gap: 14px; align-items: center; }
.waiting-comparison dt { margin: 0; }
.waiting-comparison dd { font-size: 27px; text-align: right; white-space: nowrap; }
.waiting-comparison dd small { display: inline; margin: 0 0 0 4px; font-size: 12px; }
.waiting-comparison .bar-track { height: 9px; }
@media(max-width:600px) {
  .europe-inset { padding: 20px 17px; }
  .story .europe-inset h4 { font-size: 21px; }
  .inset-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 16px; }
  .inset-metrics > div:nth-child(3) { border-left: 0; padding-left: 0; }
  .inset-metrics.redundancy-metrics { gap: 12px; }
  .redundancy-metrics > div + div { padding-left: 12px; }
  .redundancy-metrics > div:nth-child(3) { border-left: 1px solid var(--line); padding-left: 12px; }
  .redundancy-metrics dd { font-size: 28px; }
  .waiting-comparison > div { grid-template-columns: 76px minmax(0,1fr) 87px; gap: 8px; }
  .waiting-comparison dd { font-size: 24px; }
}
@media(max-width:360px) {
  .inset-metrics.redundancy-metrics { grid-template-columns: 1fr; }
  .redundancy-metrics > div { display: grid; grid-template-columns: minmax(0,1fr) 100px; align-items: center; gap: 12px; }
  .redundancy-metrics > div + div,
  .redundancy-metrics > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); padding: 12px 0 0; }
  .redundancy-metrics dt { margin: 0; }
  .redundancy-metrics dd { text-align: right; }
  .waiting-comparison > div { grid-template-columns: 70px minmax(0,1fr) 77px; gap: 6px; }
}
@media print {
  .europe-inset { break-inside: avoid; background: #f5f1e8; border-color: #dfd6c3; border-top-color: #c85a2a; print-color-adjust: exact; }
  .story .europe-inset h4 { color: #111; }
  .story .europe-inset .inset-intro,.europe-inset dt,.europe-inset figcaption,.europe-inset dd small { color: #444; }
  .europe-inset dd,.story .europe-inset .inset-kicker { color: #9a411d; }
}
