/* Only the Startseite dark-matter explorer. */
#startseite #dark-matter-candidates { --dm-bg:#0c0e0e; --dm-text:#f2eee2; --dm-muted:#cdcac2; --dm-gold:#e3c477; }
:root[data-theme="light"] #startseite #dark-matter-candidates { --dm-bg:#faf7ed; --dm-text:#24221c; --dm-muted:#514b3e; --dm-gold:#806011; }
#startseite #dark-matter-candidates { background:var(--dm-bg); color:var(--dm-text); }
#startseite #dark-matter-candidates .portal-dark-matter-layout { display:grid; justify-items:stretch; gap:clamp(18px,2.4vw,28px); min-width:0; padding:clamp(18px,2.4vw,28px); box-sizing:border-box; }
#startseite #dark-matter-candidates .dark-matter-overview-head p { color:var(--dm-muted); }
#startseite #dark-matter-candidates .dark-matter-numbers { gap:0; padding:18px 0; border-block:1px solid color-mix(in srgb,var(--dm-gold) 42%,transparent); }
#startseite #dark-matter-candidates .dark-matter-numbers div { padding:4px clamp(16px,2vw,24px); background:transparent; border:0; }
#startseite #dark-matter-candidates .dark-matter-numbers div + div { border-left:1px solid color-mix(in srgb,var(--dm-gold) 30%,transparent); }
#startseite #dark-matter-candidates .dark-matter-numbers dt { color:var(--dm-gold); }
#startseite #dark-matter-candidates .dark-matter-numbers dd { color:var(--dm-muted); }
#startseite #dark-matter-candidates :is(.dark-matter-alternative,.dark-matter-why,.dark-matter-status) { background:color-mix(in srgb,var(--dm-gold) 8%,var(--dm-bg)); border-color:var(--dm-gold); color:var(--dm-text); }
#startseite #dark-matter-candidates :is(.dark-matter-alternative h4,.dark-matter-why h4,.dark-matter-why strong) { color:var(--dm-text); }
#startseite #dark-matter-candidates :is(.dark-matter-alternative p,.dark-matter-overview-foot p) { color:var(--dm-muted); }
#startseite #dark-matter-candidates .dark-matter-alternative .portal-kicker { color:var(--dm-gold); }
#startseite #dark-matter-candidates .dark-matter-why p { padding:2px 0 2px 14px; color:var(--dm-muted); background:transparent; border-left:1px solid color-mix(in srgb,var(--dm-gold) 34%,transparent); }
#startseite #dark-matter-candidates .dark-matter-overview-foot a { color:var(--dm-text); background:var(--dm-bg); border-color:var(--dm-gold); }
#startseite #dark-matter-candidates .dark-matter-overview { box-sizing:border-box; width:100%; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
#startseite #dark-matter-candidates .dark-matter-overview::after { content:none; }
#startseite #dark-matter-candidates .portal-dark-matter-layout > .start-help-disclosure { margin:0; }
#startseite #dark-matter-candidates .dm-usage { border-left:3px solid var(--dm-gold); padding:14px 18px; margin:0; line-height:1.7; background:var(--dm-bg); color:var(--dm-text); }
#startseite #dark-matter-candidates .dm-usage strong { display:block; margin-bottom:6px; }
#startseite #dark-matter-candidates .dark-matter-candidate-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }
#startseite #dark-matter-candidates .dm-family { min-width:0; border:1px solid var(--dm-gold); border-radius:6px; background:var(--dm-bg); color:var(--dm-text); overflow:hidden; }
#startseite #dark-matter-candidates .dm-family:last-child { grid-column:1/-1; }
#startseite #dark-matter-candidates .dm-family summary { display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; padding:20px; list-style:none; cursor:pointer; min-height:155px; box-sizing:border-box; }
#startseite #dark-matter-candidates .dm-family summary::-webkit-details-marker { display:none; }
#startseite #dark-matter-candidates .dm-family summary strong { font-size:21px; line-height:1.35; }
#startseite #dark-matter-candidates .dm-number { color:var(--dm-gold); font-weight:800; }
#startseite #dark-matter-candidates :is(.dm-state,.dm-toggle) { grid-column:2; line-height:1.5; }
#startseite #dark-matter-candidates .dm-state { font-size:14px; color:var(--dm-muted); }
#startseite #dark-matter-candidates .dm-toggle { font-weight:700; color:var(--dm-gold); }
#startseite #dark-matter-candidates .dm-close, #startseite #dark-matter-candidates .dm-family[open] .dm-open { display:none; }
#startseite #dark-matter-candidates .dm-family[open] .dm-close { display:inline; }
#startseite #dark-matter-candidates .dm-family[open] summary { border-bottom:1px solid var(--dm-gold); background:color-mix(in srgb,var(--dm-gold) 10%,var(--dm-bg)); }
#startseite #dark-matter-candidates .dm-family-body { padding:20px; }
#startseite #dark-matter-candidates .dm-family-body > .dm-button:last-child { margin-top:22px; }
#startseite #dark-matter-candidates .dm-family-body :is(p,ul) { color:var(--dm-muted); font-size:16px; line-height:1.75; }
#startseite #dark-matter-candidates .dm-family-body ul { padding-left:22px; }
#startseite #dark-matter-candidates .dm-search { margin-top:22px; border-top:1px solid var(--dm-gold); padding-top:16px; }
#startseite #dark-matter-candidates .dm-search h5 { margin:0; font-size:18px; color:var(--dm-text); }
#startseite #dark-matter-candidates .dm-search a { color:var(--dm-gold); text-decoration:underline; overflow-wrap:anywhere; }
#startseite #dark-matter-candidates .dm-button { font:inherit; color:var(--dm-text); border:1px solid var(--dm-gold); background:var(--dm-bg); padding:10px 14px; min-height:44px; border-radius:5px; cursor:pointer; }
#startseite #dark-matter-candidates .dm-button[aria-pressed="true"] { box-shadow:inset 0 0 0 2px var(--dm-gold); }
#startseite #dark-matter-candidates .dm-metric-controls { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:-10px; }
#startseite #dark-matter-candidates .dm-metric-note { margin:-10px 0 4px; padding:0 2px; color:var(--dm-muted); font-size:16px; line-height:1.65; }
#startseite #dark-matter-candidates .dark-matter-alternative { border:0; border-left:3px solid var(--dm-gold); background:transparent; }
#startseite #dark-matter-candidates .dark-matter-why { padding:0; border:0; background:transparent; }
#startseite #dark-matter-candidates .dark-matter-why h4 { text-align:left; }
#startseite #dark-matter-candidates .dark-matter-status { border:0; border-block:1px solid color-mix(in srgb,var(--dm-gold) 40%,transparent); background:transparent; text-align:left; }
#startseite #dark-matter-candidates :is(summary,button,a):focus-visible { outline:3px solid var(--dm-text); outline-offset:3px; }
#startseite #dark-matter-candidates .dark-matter-numbers dt { font-size:clamp(24px,3vw,42px); overflow-wrap:anywhere; }
@media(max-width:720px) {
  #startseite #dark-matter-candidates .dark-matter-candidate-grid { grid-template-columns:1fr; }
  #startseite #dark-matter-candidates .portal-dark-matter-layout { padding:16px; }
  #startseite #dark-matter-candidates .dm-metric-controls { display:grid; grid-template-columns:1fr; }
  #startseite #dark-matter-candidates .dm-metric-controls .dm-button { width:100%; min-width:0; white-space:normal; overflow-wrap:anywhere; }
  #startseite #dark-matter-candidates .dark-matter-numbers div + div { margin-top:14px; padding-top:18px; border-top:1px solid color-mix(in srgb,var(--dm-gold) 30%,transparent); border-left:0; }
}