/* =============================================================================
   CentaurNexus Help-Center — eigenes Stylesheet (Help-Chat).
   Bewusst SEPARAT von styles.css gehalten: der Website-Chat bearbeitet styles.css
   aktiv (gemeinsamer Working-Tree) — eine eigene Datei vermeidet Merge-Kollisionen
   und ändert keine bestehenden Regeln. Nutzt die :root-Variablen aus styles.css.
   Einbinden NACH styles.css:  <link rel="stylesheet" href="assets/help.css">
   (Artikel im Unterordner:    <link rel="stylesheet" href="../assets/help.css">)
   ============================================================================= */

/* Breadcrumb */
.hc-crumb{background:var(--bg-soft);border-bottom:1px solid var(--line)}
.hc-crumb .wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:13px;padding-bottom:13px;font-size:13.5px;color:var(--muted)}
.hc-crumb a{color:var(--petrol);font-weight:700}
.hc-crumb a:hover{color:var(--petrol-soft)}
.hc-crumb .sep{color:var(--line)}

/* Meta-Badges im subhero (Portal / Lizenz / Typ) */
.hc-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;position:relative}
.hc-badge{font-size:12px;font-weight:800;letter-spacing:.03em;padding:5px 11px;border-radius:20px;background:rgba(255,255,255,.12);color:#eafff0;border:1px solid rgba(255,255,255,.22)}
.hc-badge.lic{background:rgba(212,255,0,.16);color:#eaffa8;border-color:rgba(212,255,0,.4)}

/* Artikel-Inhalt */
.hc-article{max-width:780px}
.hc-article h2{font-size:25px;margin:34px 0 12px;font-weight:700}
.hc-article h2:first-of-type{margin-top:0}
.hc-article h3{font-size:19px;margin:24px 0 8px;font-weight:700}
.hc-article p{font-size:16.5px;color:var(--ink);margin-bottom:14px}
.hc-article ul,.hc-article ol{margin:0 0 16px 22px;display:grid;gap:9px}
.hc-article li{font-size:16px;color:var(--ink)}
.hc-article ul li{list-style:disc}
.hc-article ol li{list-style:decimal}

/* Feld-Tabelle */
.hc-table{width:100%;border-collapse:collapse;margin:6px 0 18px;font-size:14.5px}
.hc-table th,.hc-table td{text-align:left;padding:10px 12px;border:1px solid var(--line);vertical-align:top}
.hc-table th{background:var(--bg-soft);font-weight:700}

/* Callouts */
.hc-callout{border-radius:12px;padding:13px 16px;margin:14px 0;font-size:15px;border:1px solid var(--line);background:var(--bg-soft);display:flex;gap:11px}
.hc-callout .ic{flex:none;font-weight:800}
.hc-callout.tip{background:rgba(212,255,0,.12);border-color:rgba(212,255,0,.45)}
.hc-callout.info{background:var(--bg-mint)}
.hc-callout.warn{background:#FFF6E6;border-color:#F2D69B}
.hc-callout.sec{background:#EAF3F3;border-color:#C4DBDB}

/* Verwandte Artikel */
.hc-related{margin-top:34px;border-top:1px solid var(--line);padding-top:22px}
.hc-related h3{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--petrol-soft);margin-bottom:12px}
.hc-related a{display:block;color:var(--petrol);font-weight:700;font-size:15px;margin-bottom:8px}
.hc-related a:hover{color:var(--petrol-soft)}

/* Artikel-Liste (Übersichtsseiten + Suchergebnisse) */
.hc-group{margin-bottom:30px}
.hc-group>h3{font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:var(--petrol-soft);margin-bottom:12px}
.hc-list{display:grid;gap:12px}
.hc-item{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 18px;transition:.2s}
.hc-item:hover{border-color:var(--petrol);transform:translateY(-2px)}
.hc-item .uc{flex:none;min-width:48px;height:30px;padding:0 8px;border-radius:8px;background:var(--bg-mint);color:var(--petrol);font-weight:800;font-size:13px;display:grid;place-items:center}
.hc-item h4{font-size:16px;font-weight:700;margin-bottom:3px}
.hc-item p{font-size:14px;color:var(--muted)}

/* Suche */
.hc-results{margin-top:14px}
.hc-noresults{color:var(--muted);font-size:15px;padding:8px 2px}