/* Page-specific additions; typography, components and motion use the filler template. */
.filler-correction-page .filler-correction-overview { padding-top: 1rem; }
.filler-correction-page .filler-correction-overview .filler-warning { margin: 0; }
.filler-correction-page .filler-correction-overview h2 { font-size: 1.25rem; }
.filler-correction-page .filler-introduction__facts h2 { margin-bottom: 1.5rem; }
.filler-correction-page .filler-correction-material { margin-top: clamp(2rem, 4vw, 3.5rem); }
.filler-correction-page .filler-correction-table { min-width: 0; }
.filler-correction-page .filler-correction-table tr > :first-child { width: 30%; }
.filler-correction-page .filler-services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.filler-correction-page .filler-main [id] { scroll-margin-top: 7rem; }
.filler-correction-page .filler-correction-table :is(th, td) { overflow-wrap: anywhere; }

@media (max-width: 959px) {
  .filler-correction-page .filler-services__grid { grid-template-columns: minmax(0, 1fr); }
}

/* Stack each material and its explanation on small screens. Explicit table
   roles in the markup preserve the relationships when the display changes. */
@media (max-width: 600px) {
  .filler-correction-page .filler-correction-table,
  .filler-correction-page .filler-correction-table tbody { display: block; }
  .filler-correction-page .filler-correction-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .filler-correction-page .filler-correction-table tr { display: grid; grid-template-columns: minmax(0, 1fr); }
  .filler-correction-page .filler-correction-table :is(th, td) { display: block; padding: 1rem; border: 0; font-size: 1rem; }
  .filler-correction-page .filler-correction-table tr > :first-child { width: auto; font-weight: 500; }
  .filler-correction-page .filler-correction-table tbody tr + tr { border-top: 1px solid var(--filler-rule); }
}