/* Heilsan – Hilfe-Center */
.help-layout { display: grid; grid-template-columns: minmax(280px, 380px) minmax(0, 1fr); gap: 14px; align-items: start; }
.help-side { position: sticky; top: 0; max-height: calc(100vh - var(--top-h) - 120px); display: flex; flex-direction: column; gap: 10px; overflow: hidden; }
.help-list { overflow: auto; display: flex; flex-direction: column; gap: 6px; padding-right: 2px; }
.help-group { display: flex; align-items: center; gap: 6px; margin: 10px 2px 2px; }
.help-group svg { width: 14px; height: 14px; color: var(--accent); }
.help-cats { display: flex; flex-wrap: wrap; gap: 6px; }
.help-cats .chip { cursor: pointer; }
.help-main { min-height: 420px; }
.help-main h2 { font-size: 20px; }
.help-body { line-height: 1.6; font-size: 14px; }
.help-body p { margin: 0 0 10px; }
.help-body ul, .help-body ol { margin: 0 0 12px; padding-left: 22px; }
.help-body li { margin: 4px 0; }
.help-body .banner { margin: 10px 0; }
.help-h { margin: 16px 0 6px; }
.help-steps li::marker { color: var(--accent); font-weight: 700; }
.help-keys { margin: 6px 0 12px; }
.kbd { display: inline-block; min-width: 22px; padding: 1px 7px; border: 1px solid var(--line2); border-bottom-width: 2px; border-radius: 6px; background: var(--panel2); font-family: var(--mono); font-size: 12px; text-align: center; color: var(--text); }
.help-modal .help-body { font-size: 13.5px; }
.top-ctxhelp { font-weight: 800; font-size: 15px; }
.top-ctxhelp svg { width: 18px; height: 18px; }
/* Patienten-Hilfe im Portal */
.help-patient { display: flex; flex-direction: column; gap: 10px; }
.help-faq { display: flex; flex-direction: column; gap: 6px; }
.help-q { border: 1px solid var(--line); border-radius: 12px; background: var(--panel2); padding: 10px 12px; }
.help-q summary { cursor: pointer; font-weight: 620; list-style-position: outside; }
.help-q[open] summary { margin-bottom: 6px; }
.help-q p { margin: 0; line-height: 1.55; }
@media (max-width: 900px) {
  .help-layout { grid-template-columns: minmax(0, 1fr); }
  .help-side { position: static; max-height: none; }
  .help-list { max-height: 50vh; }
}
@media print { .help-side, .view-head .actions { display: none !important; } .help-layout { display: block; } }