/* assets/css/academy.css — KDP Akademie. Brand-Gold als Literal-Hex (IONOS-Cache-safe). */

.academy-main { padding: 2rem 0 4rem; }

/* ── Hero ─────────────────────────────────────────────────────────────── */
.academy-hero { text-align: center; padding: 3rem 0 2rem; }
.academy-hero__title { font-size: clamp(2rem, 5vw, 3rem); margin: 0 0 .75rem; }
.academy-hero__lead { max-width: 42rem; margin: 0 auto; font-size: 1.1rem; opacity: .85; overflow-wrap: anywhere; }

/* ── Lernpfad ─────────────────────────────────────────────────────────── */
.academy-path { margin: 2.5rem 0; }
.academy-path__title { font-size: 1.4rem; margin: 0 0 1rem; }
.academy-path__steps { list-style: none; padding: 0; margin: 0; display: grid; gap: .75rem; }
.academy-path__step a { display: flex; align-items: center; gap: .75rem; text-decoration: none; color: inherit;
  padding: .85rem 1rem; border: 1px solid #e7ddc9; border-radius: 12px; background: #fff;
  transition: transform .15s ease, box-shadow .15s ease; }
.academy-path__step a:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(160,122,12,.12); }
.academy-path__num { display: inline-flex; align-items: center; justify-content: center;
  width: 2rem; height: 2rem; border-radius: 50%; background: linear-gradient(135deg,#c99b1d,#a07a0c);
  color: #fff; font-weight: 700; flex: 0 0 auto; }
.academy-path__label { font-weight: 600; overflow-wrap: anywhere; }

/* ── Säulen-Grid ──────────────────────────────────────────────────────── */
.academy-pillars { margin: 2.5rem 0; }
.academy-pillars__title { font-size: 1.4rem; margin: 0 0 1rem; }
.academy-pillars__grid { display: grid; gap: 1.25rem;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }
.academy-pillar-card { display: block; padding: 1.5rem; border-radius: 14px;
  background: linear-gradient(135deg, #fff 0%, #FBF7F1 100%);
  border: 1px solid #e7ddc9; text-decoration: none; color: inherit;
  transition: transform .15s ease, box-shadow .15s ease; overflow-wrap: anywhere; }
.academy-pillar-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(160,122,12,.12); }
.academy-pillar-card__title { font-size: 1.2rem; margin: 0 0 .5rem; }
.academy-pillar-card__intro { margin: 0; opacity: .8; }

/* ── Pillar-Kopf + Breadcrumb ─────────────────────────────────────────── */
.academy-breadcrumb { margin: 1rem 0 1.5rem; font-size: .9rem; opacity: .8; overflow-wrap: anywhere; }
.academy-breadcrumb a { color: #a07a0c; text-decoration: none; }
.academy-breadcrumb a:hover { text-decoration: underline; }
.academy-pillar-head { margin: 0 0 2rem; }
.academy-pillar-head__title { font-size: clamp(1.8rem, 4vw, 2.5rem); margin: 0 0 .5rem; overflow-wrap: anywhere; }
.academy-pillar-head__intro { max-width: 46rem; opacity: .85; overflow-wrap: anywhere; }

/* ── Cluster-Liste (Artikel in einer Säule) ──────────────────────────── */
.academy-cluster { margin: 1.5rem 0; }
.academy-cluster__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.academy-cluster__item a { display: block; padding: 1.25rem; border: 1px solid #e7ddc9; border-radius: 12px;
  background: #fff; text-decoration: none; color: inherit; height: 100%;
  transition: transform .15s ease, box-shadow .15s ease; overflow-wrap: anywhere; }
.academy-cluster__item a:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(160,122,12,.12); }
.academy-cluster__title { font-size: 1.1rem; margin: .5rem 0; }
.academy-cluster__excerpt { margin: 0; opacity: .8; font-size: .95rem; }
.academy-cluster__level { display: inline-block; font-size: .72rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .04em; padding: .2rem .55rem; border-radius: 999px; }
.academy-cluster__level--einsteiger { background: #eaf6ec; color: #2e7d4f; }
.academy-cluster__level--fortgeschritten { background: #fdf0e3; color: #a06a16; }

/* ── Artikel-Seite ────────────────────────────────────────────────────── */
.academy-article { max-width: 46rem; margin: 0 auto; }
.academy-article__head { margin: 0 0 1.5rem; }
.academy-article__title { font-size: clamp(1.8rem, 4vw, 2.6rem); margin: .5rem 0; overflow-wrap: anywhere; }
.academy-article__meta { font-size: .9rem; opacity: .7; }

/* Prose (Markdown-Body) — keine horizontale Scroll */
.academy-main .prose { line-height: 1.7; overflow-wrap: anywhere; }
.academy-main .prose h2 { margin: 2rem 0 .75rem; font-size: 1.5rem; }
.academy-main .prose h3 { margin: 1.5rem 0 .5rem; font-size: 1.2rem; }
.academy-main .prose p { margin: 0 0 1rem; }
.academy-main .prose ul, .academy-main .prose ol { margin: 0 0 1rem; padding-left: 1.4rem; }
.academy-main .prose a { color: #a07a0c; }
.academy-main .prose img { max-width: 100%; height: auto; border-radius: 10px; }
.academy-main .prose pre { overflow-x: auto; background: #1e1b16; color: #f6efe2; padding: 1rem; border-radius: 10px; }
.academy-main .prose code { word-break: break-word; }
.academy-main .prose table { width: 100%; border-collapse: collapse; display: block; overflow-x: auto; }
.academy-main .prose th, .academy-main .prose td { border: 1px solid #e7ddc9; padding: .5rem .65rem; text-align: left; }

/* ── Animation ────────────────────────────────────────────────────────── */
.academy-anim { margin: 2rem 0; }
.academy-anim video { width: 100%; height: auto; border-radius: 12px; display: block; }

/* ── CTA ──────────────────────────────────────────────────────────────── */
.academy-cta { margin: 2.5rem 0; padding: 1.75rem; border-radius: 16px;
  background: linear-gradient(135deg,#1e1b16,#2b2620); color: #f6efe2; overflow-wrap: anywhere; }
.academy-cta__title { margin: 0 0 .5rem; font-size: 1.3rem; }
.academy-cta__text { margin: 0; opacity: .9; }
.academy-cta__btn { display: inline-block; margin-top: .75rem; padding: .7rem 1.3rem;
  border-radius: 10px; background: linear-gradient(135deg,#e0c55a,#c99b1d); color: #1e1b16;
  font-weight: 700; text-decoration: none; }
.academy-cta__btn:hover { filter: brightness(1.05); }

/* ── Goodie / Lead-Magnet ─────────────────────────────────────────────── */
.academy-goodie { margin: 2rem 0; padding: 1.5rem; border: 2px dashed #c99b1d; border-radius: 14px; background: #FBF7F1; }
.academy-goodie__title { margin: 0 0 .5rem; font-size: 1.2rem; }
.academy-goodie__text { margin: 0 0 1rem; opacity: .85; overflow-wrap: anywhere; }
.academy-goodie__form { display: flex; flex-wrap: wrap; gap: .5rem; }
.academy-goodie__form input[type=email] { flex: 1 1 220px; min-width: 0; padding: .7rem;
  border: 1px solid #d8ccb0; border-radius: 8px; }
.academy-goodie__btn { padding: .7rem 1.3rem; border: none; border-radius: 8px;
  background: linear-gradient(135deg,#c99b1d,#a07a0c); color: #fff; font-weight: 700; cursor: pointer; }
.academy-goodie__consent { flex: 1 1 100%; font-size: .8rem; opacity: .8; overflow-wrap: anywhere; }
.academy-goodie__msg { flex: 1 1 100%; font-size: .9rem; margin-top: .5rem; }
.academy-goodie__msg--ok { color: #2e7d4f; }
.academy-goodie__msg--err { color: #b3261e; }

/* ── Related ──────────────────────────────────────────────────────────── */
.academy-related { margin: 3rem 0 0; }
.academy-related__title { font-size: 1.3rem; margin: 0 0 1rem; }
.academy-related__grid { display: grid; gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); }
.academy-related__item a { display: block; padding: 1rem; border: 1px solid #e7ddc9; border-radius: 12px;
  background: #fff; text-decoration: none; color: inherit; overflow-wrap: anywhere;
  transition: transform .15s ease, box-shadow .15s ease; }
.academy-related__item a:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(160,122,12,.12); }

/* ── Empty / 404 ──────────────────────────────────────────────────────── */
.academy-empty { padding: 2rem; text-align: center; opacity: .7; }
.academy-404 { padding: 4rem 1rem; text-align: center; }
.academy-404 a { color: #a07a0c; font-weight: 600; }

/* ── Mobile ───────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .academy-cta, .academy-goodie { padding: 1.25rem; }
  .academy-main { padding: 1rem 0 3rem; }
}