/* Hilfe & FAQ (hilfe.html / help.html) -- gemeinsam fuer DE+EN (rein visuell, kein Text). */
.help-page { flex: 1; width: 100%; max-width: 680px; margin: 0 auto; padding: 2.2rem 1.2rem 4rem; box-sizing: border-box; }
.help-page h1 { font-size: 1.6rem; color: var(--text, #14305c); margin: 0 0 0.3rem; }
.help-page p.sub { color: var(--text-dim, #5b6b82); font-size: 0.9rem; margin: 0 0 1.4rem; }

.help-search { display: block; width: 100%; box-sizing: border-box; padding: 0.75rem 1rem; margin-bottom: 0.4rem;
  border-radius: 10px; border: 1px solid var(--border, #dce6ef); font-size: 0.95rem; color: var(--text, #14305c);
  background: #fff; }
.help-search:focus { outline: none; border-color: var(--accent, #1e6bd6); }
.help-no-results { font-size: 0.85rem; color: var(--text-dim, #5b6b82); margin: 0.8rem 0 1.4rem; }

.help-section { margin-top: 2rem; }
.help-section h2 { font-size: 1.05rem; color: var(--text, #14305c); margin: 0 0 0.6rem; }

.help-item { background: #fff; border: 1px solid var(--border, #dce6ef); border-radius: 10px;
  margin-bottom: 0.6rem; padding: 0 1rem; }
.help-item summary { padding: 0.9rem 0; font-weight: 600; font-size: 0.92rem; color: var(--text, #14305c);
  cursor: pointer; list-style: none; position: relative; padding-right: 1.6rem; }
.help-item summary::-webkit-details-marker { display: none; }
.help-item summary::after { content: "+"; position: absolute; right: 0; top: 0.85rem; font-size: 1.1rem;
  color: var(--text-dim, #5b6b82); font-weight: 400; }
.help-item[open] summary::after { content: "–"; }
.help-item p { margin: 0 0 1rem; font-size: 0.86rem; line-height: 1.55; color: var(--text-dim, #5b6b82); }
.help-item p a { color: var(--accent, #1e6bd6); }

.help-contact { margin-top: 2.4rem; font-size: 0.85rem; color: var(--text-dim, #5b6b82); text-align: center; }
.help-contact a { color: var(--accent, #1e6bd6); }