/* relatorio.css – „Relatório de Assinatura“ (relatorio.html, js/relatorio.js, N1). Bausteine aus css/meu-kin.css (Orakel, Formular). */
.rl{padding-top:76px}
.rl-hero{padding:90px 0 34px;background:radial-gradient(900px 500px at 70% 10%,rgba(123,92,196,.35),transparent 65%)}
.rl-hero h1{font-size:clamp(32px,5.2vw,56px);margin:14px 0 18px}
.rl-out{padding:10px 0 100px}
/* mit gültigem ?data= rechnet die Seite sofort: Platz vorab halten, damit der Fuß nicht springt (Klasse per Inline-Skript vor
   dem Abschnitt, nur bei einem echten Datum JJJJ-MM-TT ab 1000 – bei ?data=xyz kein leerer 100vh-Block; js entfernt sie sonst) */
html.com-data .rl-out{display:block;min-height:100vh}
.rl-doc{display:grid;gap:22px}
.rl-cover{text-align:center;padding:38px 24px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(500px 340px at 50% 20%,color-mix(in srgb,var(--c) 18%,transparent),transparent 70%),var(--panel)}
.rl-cg{display:flex;justify-content:center;margin:16px 0 6px}
.rl-cg svg{width:180px;height:auto}
.rl-kn{margin:0;font:700 18px/1 var(--display);color:var(--gold);letter-spacing:.1em}
.rl-cover h2{font-size:clamp(26px,4vw,40px);margin:10px 0 12px;overflow-wrap:anywhere}
.rl-born{margin:0 0 14px;color:var(--muted)}
.rl-born b{color:var(--text)}
.rl-chips{list-style:none;margin:0 auto 14px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.rl-chips li{display:flex;flex-direction:column;gap:3px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;min-width:0}
.rl-chips small{font:600 10.5px/1.2 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.rl-chips b{font:700 16px var(--display)}
.rl-small{margin:6px 0 0;color:var(--faint);font-size:13px}
.rl-sec{padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0}
.rl-h{font-size:clamp(20px,2.6vw,26px);margin:0 0 14px}
.rl-lead{color:var(--muted);margin:0 0 12px}
.rl-lead b{color:var(--text)}
.rl-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.rl-st{padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:rgba(255,255,255,.03)}
.rl-st-h{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.rl-st-h svg{flex:none}
.rl-st-h small{color:var(--faint);font-size:12px}
.rl-st-h h3{margin:2px 0;font-size:19px}
.rl-st-h em{color:var(--gold);font-style:normal;font-size:14px}
.rl-st p{color:var(--muted);font-size:14.5px;margin:0 0 .6em}
.rl-q{font-style:italic}
.rl-tw{overflow-x:auto;max-width:100%}
.rl-table{width:100%;border-collapse:collapse;font-size:14px}
.rl-table th,.rl-table td{padding:7px 9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.rl-table thead th{font:600 10.5px/1.3 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:rgba(95,75,139,.22)}
.rl-table td.n{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.rl-table tr.me td{background:rgba(227,191,110,.12)}
.rl-wg{line-height:0}
.rl-tag{display:inline-block;min-width:34px;padding:2px 7px;border-radius:6px;border:1px solid var(--c);color:var(--text);font-weight:700;font-size:12.5px;text-align:center}
.rl-ret{margin:0;padding-left:1.3em;display:grid;gap:4px}
.rl-foot{margin:0;color:var(--faint);font-size:12.5px}
.rl-act{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
@media (max-width:700px){.rl-two{grid-template-columns:1fr}.rl-sec{padding:18px 14px}.rl-table{font-size:13px}}
@media print{
  @page{size:A4;margin:12mm 12mm 13mm}
  :root{--bg:#fff;--bg-2:#fff;--panel:#fff;--panel-solid:#fff;--line:#cfd2dc;--text:#14161f;--muted:#3b3f4f;--faint:#5b6072;--gold:#8a6514;--cyan:#1d6d86}
  html,body{background:#fff!important;color:var(--text)}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none!important;text-shadow:none!important}
  .topbar,.drawer,.shade,footer,.skip,.rl-hero,.rl-act,#pwa-update,.dc-pill,.fab,.gl-pop,.kz-more{display:none!important}
  .rl{padding-top:0}
  .rl-out{padding:0}
  .rl-out>.wrap{max-width:none;padding:0}
  .rl-cover{break-after:page;border:0;background:none;padding-top:40mm}
  .rl-sec{border:0;padding:0;background:none;break-inside:auto}
  .rl-sec+.rl-sec{margin-top:6mm}
  .rl-h{break-after:avoid;font-size:18px}
  .rl-h+.rl-lead,.rl-h+p{break-after:avoid}                   /* Überschrift + Einleitung bleiben bei der Tabelle */
  .rl-tw{overflow:visible}
  .rl-table thead{display:table-header-group}
  .rl-doc .oraculo,.rl-doc .or-wrap>.oraculo{break-inside:avoid}   /* Orakel nie zerreißen */
  .rl-st,.rl-table tr,.or-cell,.or-affirm,.or-facts>div,.kz-dl>div{break-inside:avoid}
  .rl-st{background:#fff}
  .rl-table thead th{background:#eceaf4;color:#14161f}
  .or-wrap{display:block}
  .rl-doc .oraculo{zoom:.8;margin:0}
  .or-wrap>div{margin-top:10px}
  .or-cell{background:#fff}
  .or-cell .or-num{color:#14161f}
  .or-affirm{background:#f6f3ea;color:var(--text)}
  .rl-doc a{color:var(--text);text-decoration:none}
}
.rl-tw:focus-visible,.an-tw:focus-visible{outline:2px solid var(--gold);outline-offset:2px}