/* ════════════════════════════════════════════════════════════════════
   thesen-page.css — Thesen-Einzelseiten (/thesen/these-XX-*.html)
   Nutzt die v6-Tokens aus thesen2.css (.v6-fx-drift = Scope-Wurzel)
   und den Letter-CTA-Block (.v6-cta) unverändert. Alles Inhaltliche
   ist statisches HTML — kein JS nötig.
   ════════════════════════════════════════════════════════════════════ */

/* ── Artikel-Spalte ─────────────────────────────────────────────────── */
.tp-article{max-width:900px;margin:0 auto;padding:72px 40px 8px;}

.tp-crumbs{font-size:12px;letter-spacing:.06em;color:var(--graphite);display:flex;gap:10px;align-items:center;margin-bottom:40px;}
.tp-crumbs a{color:var(--blue);text-decoration:none;}
.tp-crumbs a:hover{text-decoration:underline;}

.tp-head{margin-bottom:36px;}
.tp-eyebrow{display:inline-block;color:var(--blue);letter-spacing:.20em;text-transform:uppercase;font-size:12px;margin-bottom:20px;}
.tp-h1{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(32px,5.4vw,52px);line-height:1.06;letter-spacing:-.02em;
  color:var(--ink);text-wrap:balance;margin:0 0 22px;
}
.tp-tags{display:flex;flex-wrap:wrap;gap:8px;}

.tp-fig{margin:0 0 36px;}
.tp-fig img{width:200px;height:auto;}

/* Kernaussage — eigenständig zitierfähiger Absatz (eckig: statische Info) */
.kernaussage{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(21px,3vw,28px);line-height:1.34;color:var(--ink);
  max-width:760px;margin:0 0 40px;
  padding:6px 0 6px 24px;border-left:6px solid var(--yellow);
}

.tp-body{max-width:720px;}
.tp-body p{font-family:var(--font-sans);font-size:17px;line-height:1.8;color:var(--graphite);margin:0 0 1.25em;}
.tp-body h2{
  font-family:var(--font-display);font-weight:400;font-size:26px;line-height:1.2;
  letter-spacing:-.015em;color:var(--ink);text-transform:none;margin:1.6em 0 .6em;
}

/* Autor:in + Datum */
.tp-meta{
  font-size:12px;letter-spacing:.05em;color:var(--graphite);
  border-top:1px solid rgba(10,10,10,.14);margin-top:48px;padding:18px 4px 0;
}
.tp-meta a{color:inherit;}

/* CTA 1 — Reaktion auf thesen.html (Reaction-Box bleibt dort) */
.tp-cta1{
  background:var(--paper-pure);border:1px solid rgba(10,10,10,.12);
  padding:32px 36px;margin:40px 0 64px;max-width:760px;
}
.tp-cta1-h{
  font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1.25;
  letter-spacing:-.01em;color:var(--ink);text-transform:none;margin:0 0 10px;
}
.tp-cta1-p{font-family:var(--font-sans);font-size:15px;line-height:1.6;color:var(--graphite);margin:0 0 20px;}
.tp-cta1 .v6-ctabtn{text-decoration:none;}
.tp-cta1 .v6-ctabtn:hover{background:var(--blue);border-color:var(--blue);color:#fff;}

/* ── Vor/Zurück-Navigation ──────────────────────────────────────────── */
.tp-pn{
  max-width:1320px;margin:0 auto;padding:36px 40px 72px;
  display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;
  border-top:1px solid rgba(10,10,10,.14);
}
.tp-pn a{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;
  color:var(--ink);text-decoration:none;
}
.tp-pn a:hover{color:var(--blue);text-decoration:underline;}
.tp-pn-prev{justify-self:start;text-align:left;}
.tp-pn-all{justify-self:center;color:var(--blue);}
.tp-pn-next{justify-self:end;text-align:right;}
.tp-pn-slot{min-height:1px;}

/* ── Responsive ─────────────────────────────────────────────────────── */
@media (max-width:760px){
  .tp-article{padding:48px 28px 8px;}
  .tp-crumbs{margin-bottom:28px;}
  .tp-fig img{width:150px;}
  .kernaussage{padding-left:18px;border-left-width:5px;}
  .tp-cta1{padding:24px;}
  .tp-pn{padding:28px 28px 56px;grid-template-columns:1fr;gap:14px;}
  .tp-pn-prev,.tp-pn-all,.tp-pn-next{justify-self:start;text-align:left;}
}