:root { color-scheme: light; }
html, body { margin:0; padding:0; }
img { max-width: 100%; height: auto; display: block; }

/* Article-Body-Polish: H2/H3/Listen/Blockquote */
.nut-article-body p {
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 16px;
  line-height: 28px;
  margin: 0 0 1.5rem;
  color: #1c1917;
}
.nut-article-body p:first-of-type {
  font-size: 18px;
  line-height: 30px;
  color: #57534e;
}
.nut-article-body p:first-of-type::first-letter {
  font-family: "Fraunces", Georgia, serif;
  font-size: 4em;
  font-weight: 600;
  float: left;
  line-height: 0.85;
  margin: 0.05em 0.12em 0 0;
  color: #3f6212;
}
.nut-article-body h2 {
  font-family: "Fraunces", Georgia, serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  color: #3f6212;
  margin: 3rem 0 1.2rem;
  letter-spacing: -0.01em;
}
.nut-article-body h3 {
  font-family: "Fraunces", Georgia, serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: #3f6212;
  margin: 2rem 0 1rem;
}
.nut-article-body ul, .nut-article-body ol {
  padding-left: 1.5rem;
  margin: 0 0 1.5rem;
}
.nut-article-body ul li, .nut-article-body ol li {
  margin-bottom: 0.6rem;
  line-height: 1.7;
}
.nut-article-body blockquote {
  border-left: 4px solid #3f6212;
  padding: 0 0 0 2rem;
  margin: 2.5rem 0;
}
.nut-article-body blockquote p {
  font-family: "Fraunces", Georgia, serif;
  font-size: 24px;
  line-height: 1.4;
  font-style: italic;
  color: #3f6212;
  font-weight: 500;
}
.nut-article-body img {
  border-radius: 0.25rem;
  margin: 2rem 0;
}
.nut-article-body a {
  color: #3f6212;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.nut-article-body a:hover { color: #65a30d; }

/* Home-Intro */
.nut-home-intro h2 {
  font-family: "Fraunces", Georgia, serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: #3f6212;
  margin: 1.4rem 0 0.8rem;
}
.nut-home-intro p { margin: 0 0 1rem; }
.nut-home-intro a { color: #3f6212; text-decoration: underline; }

/* Summary-Marker bei <details> in Tailwind ausblenden */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }

/* Faux-line-clamp für ältere Browser (Tailwind line-clamp-3 sollte aber reichen) */
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* List-Style Fix — Tailwind-CDN/Pico/Skeleton-Resets aufheben für Content-Bereiche */
[class*="article-body"] ul,
[class*="cat-intro"] ul,
[class*="home-intro"] ul,
.article-content ul,
.content ul {
  list-style: disc !important;
  list-style-position: outside;
  padding-left: 1.5rem;
}
[class*="article-body"] ol,
[class*="cat-intro"] ol,
[class*="home-intro"] ol,
.article-content ol,
.content ol {
  list-style: decimal !important;
  list-style-position: outside;
  padding-left: 1.5rem;
}
[class*="article-body"] li,
[class*="cat-intro"] li,
[class*="home-intro"] li {
  margin-bottom: 0.4rem;
  line-height: 1.6;
}