/* Ratgeber-Bausteine (28.9.2026) — Kurz gesagt, Steckbrief, Inhalt, Hinweise,
   Zahlen, Zeitstrahl, Bandbreiten, Schritte, Bild. Tokens der Seite, Radius var(--r),
   Abstände 8/16/24/32/48, keine Schatten, keine Verläufe. */

.tbk-article-section > .rt-kurz,
.tbk-article-section > .rt-facts,
.tbk-article-section > .rt-note,
.tbk-article-section > .rt-stats,
.tbk-article-section > .rt-timeline,
.tbk-article-section > .rt-range,
.tbk-article-section > .rt-steps,
.tbk-article-section > .rt-figure,
.rt-lead > * { margin: 32px 0; }
.rt-lead { margin-bottom: 48px; }

.rt-kicker, .tbk-article-section p.rt-kicker, .rt-lead p.rt-kicker {
  font: 700 12px/1.3 'Hanken Grotesk', system-ui, sans-serif !important;
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--brand) !important; margin: 0 0 8px !important;
}
.rt-table-title { margin-top: 32px !important; }
.rt-quelle { font-size: 12px !important; line-height: 1.5 !important; color: var(--muted) !important; margin: 8px 0 0 !important; }

/* Hervorhebungen im Fliesstext */
.tbk-article-section strong, .rt-lead strong { font-weight: 700; color: var(--ink); }
.tbk-article-section mark, .rt-lead mark {
  background: none; color: inherit;
  text-decoration: underline; text-decoration-color: rgba(8,127,131,.28);
  text-decoration-thickness: .42em; text-underline-offset: -.28em; text-decoration-skip-ink: none;
}
.tbk-article-section h3 { font: 700 19px/1.3 Archivo, 'Hanken Grotesk', sans-serif; color: var(--ink); margin: 32px 0 8px; }

/* Kurz gesagt — die Antwort, die ein Suchsystem übernehmen kann */
.rt-kurz {
  background: var(--brand-soft); border: 1px solid #cfe5e3; border-radius: var(--r);
  padding: 24px 28px;
}
.rt-kurz p:not(.rt-kicker) { font-size: 1.12rem !important; line-height: 1.6 !important; color: var(--ink) !important; margin: 0 !important; }

/* Steckbrief */
.rt-facts { border-top: 2px solid var(--ink); padding-top: 16px; }
.rt-facts dl { margin: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; }
.rt-facts dl > div { display: grid; grid-template-columns: minmax(0, 42%) 1fr; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--hair); }
.rt-facts dt { font-size: 14px; color: var(--muted); margin: 0; }
.rt-facts dd { font-size: 16px; font-weight: 600; color: var(--ink); margin: 0; font-variant-numeric: tabular-nums; }

/* Inhaltsverzeichnis */
.rt-toc { border: 1px solid var(--line); border-radius: var(--r); padding: 20px 24px; }
.rt-toc ol { list-style: none; margin: 0; padding: 0; counter-reset: rt-toc; columns: 2; column-gap: 32px; }
.rt-toc li { counter-increment: rt-toc; break-inside: avoid; padding: 6px 0 6px 36px; position: relative; font-size: 15px; line-height: 1.45; }
.rt-toc li::before { content: counter(rt-toc, decimal-leading-zero); position: absolute; left: 0; top: 7px; font: 700 13px/1.4 Archivo, sans-serif; color: var(--brand); font-variant-numeric: tabular-nums; }
.rt-toc a { color: var(--ink) !important; text-decoration: none !important; border: 0 !important; font-weight: 500 !important; }
.rt-toc a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* Hinweise */
.rt-note { border: 1px solid var(--line); border-radius: var(--r); padding: 20px 24px; background: #fff; }
.rt-note p:not(.rt-kicker), .rt-note li { margin: 0 !important; }
.rt-note ul { margin: 8px 0 0; padding-left: 20px; }
.rt-note li + li { margin-top: 6px !important; }
.rt-note--schweiz { background: var(--paper); }
.rt-note--achtung { border-color: #e2c4c4; }
.rt-note--achtung .rt-kicker, .tbk-article-section .rt-note--achtung p.rt-kicker { color: #9b2c2c !important; }

/* Zahlen */
.rt-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 24px; }
.rt-stat { border-top: 2px solid var(--brand); padding-top: 12px; display: flex; flex-direction: column; gap: 4px; }
.rt-stat-value { font: 700 32px/1.1 Archivo, sans-serif; color: var(--ink); font-variant-numeric: tabular-nums; }
.rt-stat-label { font-size: 14px; line-height: 1.45; color: var(--muted); }

/* Zeitstrahl */
.rt-timeline ol { list-style: none; margin: 0; padding: 0; }
.rt-timeline li { display: grid; grid-template-columns: 76px 1fr; gap: 20px; margin: 0 !important; padding: 0 !important; }
.rt-year { font: 700 17px/1.5 Archivo, sans-serif; color: var(--brand); font-variant-numeric: tabular-nums; text-align: right; }
.rt-timeline li p { position: relative; margin: 0 !important; padding: 0 0 24px 24px; border-left: 2px solid var(--hair); }
.rt-timeline li:last-child p { padding-bottom: 0; }
.rt-timeline li p::before { content: ""; position: absolute; left: -6px; top: 8px; width: 10px; height: 10px; border-radius: 50%; background: #fff; border: 2px solid var(--brand); }

/* Bandbreiten */
.rt-range-row { display: grid; grid-template-columns: 120px 1fr 108px; gap: 16px; align-items: center; padding: 10px 0; }
.rt-range-label { font-size: 15px; font-weight: 600; color: var(--ink); }
.rt-range-track { position: relative; height: 12px; background: var(--hair); border-radius: 999px; }
.rt-range-bar { position: absolute; top: 0; bottom: 0; background: var(--brand); border-radius: 999px; }
.rt-range-value { font-size: 15px; color: var(--ink); font-variant-numeric: tabular-nums; text-align: right; }
.rt-range-scale { display: grid; grid-template-columns: 120px 1fr 108px; gap: 16px; font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
.rt-range-ticks { display: flex; justify-content: space-between; }

/* Schritte */
.rt-steps { list-style: none; margin-left: 0 !important; padding: 0 !important; counter-reset: rt-step; }
.rt-steps li { margin: 0 !important; }
.rt-steps li { counter-increment: rt-step; position: relative; padding: 16px 0 16px 56px; border-top: 1px solid var(--line); }
.rt-steps li:last-child { border-bottom: 1px solid var(--line); }
.rt-steps li::before { content: counter(rt-step, decimal-leading-zero); position: absolute; left: 0; top: 16px; font: 700 20px/1.3 Archivo, sans-serif; color: var(--brand); font-variant-numeric: tabular-nums; }
.rt-steps p { margin: 0 !important; }
.rt-step-title { font-weight: 700 !important; color: var(--ink) !important; margin-bottom: 4px !important; }

/* Bild */
.rt-figure img { display: block; width: 100%; height: auto; border-radius: var(--r); }
.rt-figure figcaption { font-size: 14px; line-height: 1.5; color: var(--muted); margin-top: 8px; }

.tbk-tabwrap + .rt-quelle, .rt-table + .rt-quelle { margin-bottom: 24px !important; }
.tbk-article-section .tbk-tabwrap caption { caption-side: top; text-align: left; font-size: 14px; color: var(--muted); padding: 0 0 8px; }

@media (max-width: 700px) {
  .rt-table { overflow: visible !important; border: 0 !important; background: none !important; }
  .rt-table table, .rt-table tbody, .rt-table tr, .rt-table th, .rt-table td { display: block; width: 100% !important; min-width: 0 !important; }
  .rt-table thead { display: none; }
  .rt-table tr { border: 1px solid var(--line); border-radius: var(--r); padding: 12px 16px; margin: 0 0 12px; background: #fff !important; }
  .rt-table tbody th { font-weight: 700; color: var(--ink); padding: 0 0 8px !important; border: 0 !important; background: none !important; }
  .rt-table td { display: grid; grid-template-columns: 38% 1fr; gap: 12px; padding: 6px 0 !important; border: 0 !important; border-top: 1px solid var(--hair) !important; background: none !important; }
  .rt-table td::before { content: attr(data-label); font-size: 13px; color: var(--muted); }
  .tbk-article-section .rt-table.tbk-tabwrap, .tbk-article-section .rt-table .tbk-gewicht { border: 0 !important; box-shadow: none !important; background: none !important; border-radius: 0 !important; }
  .tbk-article-section .rt-table .tbk-gewicht tr, .tbk-article-section .rt-table .tbk-gewicht tbody tr:nth-child(n) { border: 1px solid var(--line) !important; background: #fff !important; box-shadow: none !important; }
  .tbk-article-section .rt-table .tbk-gewicht th, .tbk-article-section .rt-table .tbk-gewicht td { border-left: 0 !important; border-right: 0 !important; border-bottom: 0 !important; background: none !important; box-shadow: none !important; }
  .tbk-article-section .rt-table .tbk-gewicht tbody th { border-top: 0 !important; }
  .tbk-article-content .rt-table table.tbk-gewicht tbody tr:nth-child(n) > th, .tbk-article-content .rt-table table.tbk-gewicht tbody tr:nth-child(n) > td, .tbk-article-section .rt-table table.tbk-gewicht tbody tr:nth-child(n) > th, .tbk-article-section .rt-table table.tbk-gewicht tbody tr:nth-child(n) > td { background: transparent !important; background-color: transparent !important; }
  .rt-kurz { padding: 20px; }
  .rt-facts dl { grid-template-columns: 1fr; }
  .rt-toc ol { columns: 1; }
  .rt-stat-value { font-size: 28px; }
  .rt-timeline li { grid-template-columns: 56px 1fr; gap: 14px; }
  .rt-range-row { grid-template-columns: 1fr auto; row-gap: 6px; }
  .rt-range-track { grid-column: 1 / -1; grid-row: 2; }
  .rt-range-scale { grid-template-columns: 1fr; }
  .rt-range-scale > span:empty { display: none; }
  .rt-steps li { padding-left: 44px; }
}