/* SEORCH Kontrast – Ultrasuggest: Ergebnisdarstellung. Benötigt tools-kit.css */
#result .sg h1.sg-title { margin-top: 8px; }
.sg-meta { margin: -8px 0 0 !important; color: var(--text-2); }
.sg-meta b { color: var(--text); font-variant-numeric: tabular-nums; }

/* Export- und Navigationsleiste – wie .res-actions der übrigen Tools (tools-results.css) */
#result ul.sg-actions { width: 100%; max-width: none; gap: 6px; }
#result ul.sg-actions a { color: var(--text-2); text-decoration: none; overflow-wrap: normal; }
#result ul.sg-actions a:hover { color: var(--text); }
#result ul.sg-actions a:focus-visible { outline: 3px solid var(--c2); outline-offset: 2px; }
#result ul.sg-actions .sg-dl::before {
  content: ""; width: 16px; height: 16px; flex: none;
  background: currentColor; -webkit-mask: var(--dl-ico) center / contain no-repeat; mask: var(--dl-ico) center / contain no-repeat;
  --dl-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E");
}
#result ul.sg-actions li:first-child { margin-right: auto; }
#result ul.sg-actions a[aria-busy="true"] { opacity: .65; cursor: progress; }
#result ul.sg-actions a.is-failed { color: var(--c1); }

.sg-filter { margin: 0; padding: 16px; border-radius: var(--r-lg); border: 1px solid var(--stroke); background: var(--glass-2); display: grid; gap: 12px; min-width: 0; }
.sg-filter legend { padding: 0 6px; font: 700 11px var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.sg-filter .chips span { height: 36px; gap: 8px; padding: 0 12px; }
.sg-filter .chips i { font: 600 11px var(--mono); font-style: normal; opacity: .7; }
.sg-filter .chips input:not(:checked) + span { color: var(--muted); text-decoration: line-through; text-decoration-color: var(--stroke-2); }
.sg-filter__act { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.sg-search { flex: 1 1 200px; min-width: 0; }
.sg-search input { width: 100%; height: 36px; padding: 0 12px; border-radius: 8px; border: 1px solid var(--stroke-2); background: var(--bg); color: var(--text); font: 500 14px var(--font); outline: 0; }
.sg-search input:focus { border-color: var(--text); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c2) 15%, transparent); }

.sg .kit-scroll { max-height: min(75vh, 900px); overflow: auto; }
.sg-table thead th { position: sticky; top: 0; z-index: 1; background: var(--glass-2); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.sg-table td { padding-block: 9px; }
.sg-table td:nth-child(2) { font-weight: 600; color: var(--text); }
.sg-table td.smaller { font-size: 13px; color: var(--muted); }
.sg-table td.num { color: var(--text-2); white-space: nowrap; }
.sg-table td:first-child { width: 1%; color: var(--muted); }
.sg-none { text-align: center; }

@media (max-width: 680px) {
  #result ul.sg-actions li { flex: 1 1 auto; }
  #result ul.sg-actions li:first-child { flex-basis: 100%; margin-right: 0; }
  #result ul.sg-actions a { width: 100%; justify-content: center; }
  .sg-table th:nth-child(5), .sg-table td:nth-child(5) { display: none; }
  .sg-table td, .sg-table th { padding: 8px 10px; }
  .sg-table td.smaller { font-size: 12px; }
}