/* Shared GermanChunks article typography. All blog pages must load this file last. */
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Fraunces:opsz,wght@9..144,700&display=swap');

article h1, article h2, article h3 {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 700;
  color: var(--ink, #24180f);
  overflow-wrap: anywhere;
  hyphens: auto;
  text-wrap: pretty;
}
article h1 {
  max-width: 900px;
  margin: 14px 0 18px;
  font-size: clamp(1.75rem, 1.35rem + 1.6vw, 2.5rem);
  line-height: 1.25;
}
article h2 {
  margin: 36px 0 16px;
  font-size: clamp(1.4rem, 1.2rem + .8vw, 1.75rem);
  line-height: 1.3;
}
article h3 {
  margin: 24px 0 12px;
  font-size: 1.25rem;
  line-height: 1.4;
}
article p, article li {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 1.0625rem;
  line-height: 1.75;
}
article p { margin: 0 0 18px; color: var(--ink-soft, #6f5e4f); }
article .lead {
  max-width: 820px;
  font-size: 1.125rem;
  line-height: 1.7;
  color: var(--ink, #24180f);
}
article header { margin-bottom: 32px; }
article .article-table-scroll { max-width:100%; overflow-x:auto; }
article .grid { grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)); }
.article-languages {
  display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px;
  width:min(1120px,calc(100% - 32px)); margin:0 auto; padding:8px 0;
  font-family:'Atkinson Hyperlegible',sans-serif; font-size:1rem;
}
.article-languages a {
  padding:8px 14px; border:1px solid #1f6b4d55; border-radius:999px;
  color:#1f6b4d; background:#fffdf7; text-decoration:none; font-weight:700;
}
.article-languages a[aria-current="page"] { color:#fff; background:#1f6b4d; }
.article-languages a:focus-visible { outline:3px solid #9b5e00; outline-offset:3px; }
@media (max-width: 720px) {
  article { padding: 22px; }
  article header { margin-bottom: 26px; }
}
@media (max-width: 480px) {
  article { padding: 18px; }
  article h1 { font-size: 1.625rem; }
}