/* ── Master-Layout der Blogartikel · 17.09.2026 ──────────────────────────────────────────
   Quelle: scripts/blog/_master.css → assets/blog-master.css (scripts/blog/build_master.py).
   Gleiche Grundidee wie die Fälle: ab 1180 px Kapitel ohne Kästen, Text als schmale Spalte
   auf der Mittelachse (≈ 65–75 Zeichen), größere Schrift und Zeilenabstand, große Kapitelnummer,
   Grafiken und Tabellen breiter. Telefon bleibt wie gehabt. Texte, Wörterbücher, JSON-LD unverändert. */
@media (min-width:1180px){
  main.story .col{max-width:1000px!important}
  main.story .col > *{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}

  /* Kapitel ohne Kasten */
  main.story .col > .step{max-width:1000px!important;position:relative;border:0;border-radius:0;background:none;padding:64px 0 8px;margin:64px auto 0;scroll-margin-top:110px}
  main.story .col > .step::before{content:"";position:absolute;top:0;left:50%;width:min(720px,100%);transform:translateX(-50%);border-top:1px solid var(--line,rgba(244,241,234,.12))}
  main.story .col > .step > *{max-width:720px!important;margin-left:auto!important;margin-right:auto!important}

  /* große Kapitelnummer statt Pille */
  main.story .col > .step > .n{max-width:none!important;position:absolute;top:46px;right:calc(50% - 360px);left:auto;margin:0;padding:0;border-radius:0;background:none!important;color:transparent!important;-webkit-text-stroke:1px rgba(244,241,234,.26);font-family:inherit;font-weight:900;font-size:clamp(90px,7.4vw,128px);line-height:.8;letter-spacing:-.06em;pointer-events:none;user-select:none}
  main.story .col > .step > h3{font-size:clamp(32px,2.8vw,44px);line-height:1.08;letter-spacing:-.03em;margin-top:0;margin-bottom:22px;padding-right:130px}
  main.story .col > .step > h4.sub{font-size:24px;margin-top:40px;margin-bottom:6px}

  /* Lesetext: größer, ruhiger, schmal */
  main.story .col > .step > p,
  main.story .col > .step > ul,
  main.story .col > .step > ol{font-size:19px;line-height:1.72;color:#d4d1c9}
  main.story .col > .step > p{margin-top:16px;margin-bottom:16px}
  main.story .col > .step > p b,
  main.story .col > .step > ul b{color:#f4f1ea;font-weight:700}
  main.story .col > .step > blockquote{font-size:clamp(24px,2.1vw,30px);line-height:1.3;margin-top:32px;margin-bottom:32px}
  main.story .col > .step > .tip{font-size:17px}

  /* Grafiken, Tabellen, Rechner: breiter als der Text */
  main.story .col > .step > figure,
  main.story .col > .step > .art-fig,
  main.story .col > .step > .chart,
  main.story .col > .step > .tscroll,
  main.story .col > .step > table,
  main.story .col > .step > .costbars,
  main.story .col > .step > .hbars,
  main.story .col > .step > [class*="grid"],
  main.story .col > .step > [class*="wall"]{max-width:1000px!important;margin-top:36px;margin-bottom:28px}

  /* Kurze Antwort und Kopf: mittig, gut lesbar */
  main.story .col > .defbox{max-width:780px!important}
  main.story .col > .defbox p{font-size:17.5px;line-height:1.65}
  main.story .col > .mstrip,
  main.story .col > .keyf,
  main.story .col > .tocx{max-width:1000px!important}
}