/*
  rate-ticket — het verzendticket als losse sectie.

  De ticketvorm zelf (perforatie, stub, gestreepte scheiding) staat in
  collectors-band.css, want daar is hij geïntroduceerd. Dit blok declareert die
  afhankelijkheid in zijn manifest en voegt hier alleen de sectie-omlijsting toe.
*/

/* Familie A (§3): verticaal ritme op de sectie, goot op de inner. */
.bsc-rate {
  padding: var(--block-y, 64px) 0;
  background: var(--surface-page);
  color: var(--text-body);
  border-top: var(--border-3) solid var(--bsc-navy-900);
  border-bottom: var(--border-3) solid var(--bsc-navy-900);
}

/*
  De inner is nu de gewone paginacontainer, zodat deze sectie op dezelfde
  rooilijn staat als de rest. De smallere leesbreedte van het ticket zat eerder
  op de container zelf — daarmee week dit blok af van elk ander blok op de
  pagina. Besluit §3: een eigen max-width mag, maar BINNEN de standaardcontainer.
  Vandaar dat de 72ch naar het ticket zelf verhuist.
*/
.bsc-rate__inner {
  max-width: var(--page-max);
  margin: 0 auto;
  padding: 0 var(--gutter-x, 28px);
}

.bsc-rate .bsc-ticket {
  max-width: 72ch;
  margin: 0 auto;
}

@media screen and (max-width: 600px) {
  /* Contentblok: 64 desktop → 40 mobiel (§4). */
  .bsc-rate {
    padding: var(--block-y, 40px) 0;
  }

  .bsc-rate__inner {
    padding: 0 var(--gutter-x, 20px);
  }
}