/* Support pages: topic list, question filter and (support.html only) one language at a time.
   No external requests. Always dark, like the rest of /finanzpilot/. */
.langlink { text-align: right; margin: 18px 0 -6px; font-size: 14px; }
.langlink a { display: inline-block; padding: 6px 14px; border: 1px solid var(--navy-500); border-radius: 999px; color: var(--text); text-decoration: none; background: var(--navy-800); }
.langlink a:hover, .langlink a:focus-visible { border-color: var(--emerald); }
.topics { background: var(--navy-800); border: 1px solid var(--navy-600); border-radius: 12px; padding: 16px 20px; margin: 22px 0 8px; }
.topics h2 { font-size: 18px; margin: 0 0 10px; }
.topic-groups { display: grid; gap: 14px 24px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.topic-groups h3 { font-size: 12px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; color: #5EE0B5; margin: 0 0 4px; }
.topic-groups ul { list-style: none; margin: 0; }
.topic-groups li { margin: 3px 0; }
.topic-groups a { font-size: 15px; }
.qfilter { margin-top: 16px; }
.qfilter[hidden] { display: none; }
.qfilter label { display: block; font-size: 14px; font-weight: 600; color: var(--text); margin-bottom: 4px; }
.qfilter input { width: 100%; min-height: 44px; padding: 8px 12px; font: inherit; font-size: 16px; color: var(--text); background: var(--navy-900); border: 1px solid var(--navy-500); border-radius: 10px; }
.qempty { margin: 10px 0 0; font-size: 14px; }
.qempty:empty { display: none; }
details:target { border-color: var(--emerald); }
summary:focus-visible, .topics a:focus-visible, .qfilter input:focus-visible { outline: 3px solid var(--emerald); outline-offset: 3px; border-radius: 4px; }
.topic-groups > div[hidden], .topics li[hidden], main details[hidden] { display: none; }
@supports selector(:has(a)) {
  #en { display: none; }
  body:has(#en:target, #en :target) #en { display: block; }
  body:has(#en:target, #en :target) #de { display: none; }
  main > hr { display: none; }
}