/* Tabeller i löptext.
 *
 * Mallen sätter tabellceller i IBM Plex Mono 14 px. Det passar korta koder, men
 * i en tabell med hela meningar (placering per skåptyp, cookies) blir raderna
 * smala och svårlästa på telefon. Här får cellerna brödtextens typsnitt, och
 * ytterramen och de vertikala linjerna tas bort så att texten får bredden.
 */

.sg-band--prose .wp-block-table table {
  border: 0;
  border-collapse: collapse;
  font-family: var(--wp--preset--font-family--body);
}

.sg-band--prose .wp-block-table :is(th, td) {
  padding: 0.75rem 0.75rem 0.75rem 0;
  border: 0;
  border-block-end: 1px solid var(--wp--preset--color--line);
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.9375rem;
  line-height: 1.45;
  text-align: start;
  vertical-align: top;
}

.sg-band--prose .wp-block-table thead th {
  border-block-end: 2px solid var(--wp--preset--color--contrast);
  font-size: 0.875rem;
  font-weight: 600;
}

.sg-band--prose .wp-block-table tbody td:first-child {
  font-weight: 600;
}

.sg-band--prose .wp-block-table :is(th, td):last-child {
  padding-inline-end: 0;
}

@media (max-width: 48rem) {
  .sg-band--prose .wp-block-table :is(th, td) {
    padding-block: 0.625rem;
    font-size: 0.875rem;
  }
}