/* Weißes Karo-Blatt in der Mitte, außen ruhig, wie /links. Karo blasser als dort, weil hier Fließtext
   direkt darauf steht. Auf dem Handy füllt das Blatt den Schirm.
   Geteilt von /ueber-mich, /creator, /b2b-marketing-automotive und /automotive-podcasts. /links trägt ein kräftigeres Karo und bleibt eigen. */
.sheet {
  max-width: 800px; margin: 0 auto;
  background-color: var(--bg-surface);
  background-image:
    linear-gradient(rgba(81,128,250,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(81,128,250,0.05) 1px, transparent 1px);
  background-size: 24px 24px;
  border-left: 1px solid var(--border-default);
  border-right: 1px solid var(--border-default);
  box-shadow: 0 20px 60px rgba(13,24,48,0.08);
}
@media (max-width: 800px) {
  .sheet { border: 0; box-shadow: none; }
}

/* Auf dem Papier: was man anklickt oder zitiert, liegt als weiße Karte darauf (--card-shadow),
   die Abo- und Anfrage-Felder als hellblaue Box. Fließtext und Fotos liegen direkt auf dem Karo. */
:root { --card-shadow: 0 8px 24px rgba(13,24,48,0.06);
  /* Trenner zwischen den Sektionen: eine Stufe dunkler als --border-default, sonst geht er im
     Karo unter. Nicht dunkler, sonst zieht er mehr Blick als die Ueberschriften. */
  --section-rule: #c3cad5; }
