/* techq.ch/hilfe/ — Artikelseiten aus der Wissensbasis (erzeugt von tools/hilfe_seiten_bauen.py).
   Typografie kommt aus `.legal` (site.css); hier stehen nur die Bausteine, die
   dort fehlen: Herkunftsmarke, verwandte Themen, Abschluss-Karte, Übersicht. */
.hlf-quelle{display:inline-flex;align-items:center;gap:8px;font-family:var(--tq-mono);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:28px;}
.hlf-quelle a{color:var(--text-faint);}
.hlf-quelle a:hover{color:var(--accent-text,#1c4f9e);}
.hlf-verwandt{margin-top:48px;padding-top:26px;border-top:1px solid var(--border);}
.hlf-verwandt h2{font-size:17px;font-weight:500;letter-spacing:-0.01em;margin:0 0 14px;color:var(--text);}
.hlf-verwandt ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;}
.hlf-verwandt li{font-size:15px;line-height:1.5;}
.hlf-verwandt a{color:var(--accent-text,#1c4f9e);text-decoration:none;}
.hlf-verwandt a:hover{text-decoration:underline;}
.hlf-cta{margin-top:40px;padding:22px 24px;border:1px solid var(--border);border-radius:var(--radius-xl,14px);background:var(--bg-alt);}
.hlf-cta h2{font-size:17px;font-weight:500;margin:0 0 10px;color:var(--text);}
.hlf-cta p{margin:0;font-size:14.5px;line-height:1.6;color:var(--text-muted);}
.hlf-cta p + p{margin-top:8px;}
.hlf-cta a{color:var(--accent-text,#1c4f9e);}
/* Übersicht /hilfe/ */
.hlf-hub{max-width:980px;padding-bottom:clamp(56px,7vw,96px);}
.hlf-hub-gruppe{margin-top:clamp(28px,4vw,44px);}
.hlf-hub-gruppe h2{font-size:clamp(20px,2.2vw,24px);line-height:1.15;letter-spacing:-0.02em;font-weight:500;margin:0 0 6px;color:var(--text);}
.hlf-hub-gruppe h3{font-family:var(--tq-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;font-weight:400;color:var(--text-faint);margin:22px 0 10px;}
.hlf-hub-liste{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px 28px;}
.hlf-hub-liste li{font-size:15px;line-height:1.5;padding:6px 0;border-bottom:1px solid var(--border-faint,var(--border));}
.hlf-hub-liste a{color:var(--text-body);text-decoration:none;}
.hlf-hub-liste a:hover{color:var(--accent-text,#1c4f9e);}
.hlf-hub-lead{font-size:15.5px;line-height:1.65;color:var(--text-body);max-width:720px;margin:0 0 8px;}