/* Underhållsbiblioteket (/uppgifter). Ovanpå guideindexets ram (gi-*): hjälten, hoppmenyn och gruppernas
   rubriker är guidernas, här ligger bara filtret och raderna. Länkas bara på sidan själv. */

.bib-filter { display: grid; gap: var(--space-2); max-width: 460px; }
.bib-filter label { font-weight: 650; font-size: var(--fs-small); color: var(--on-soft); }
.bib-filter-rad { display: flex; gap: var(--space-2); }
.bib-filter-rad .input { flex: 1; min-width: 0; min-height: 48px; }
.bib-filter-rad .btn { min-height: 48px; }

.bib-urval { margin: 0; font-size: 17px; }
.bib-urval a { margin-left: 6px; }

.bib-forklaring { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; color: var(--ink-2); font-size: var(--fs-small); }

/* Märket för valfria uppgifter: ett ord på en ram, aldrig bara en färg. */
.bib-forslag {
  display: inline-flex; align-items: center; padding: 2px 10px; border: var(--bw-thin) solid var(--line-strong, var(--line));
  border-radius: var(--r-pill); background: var(--card); color: var(--ink); font-size: 13px; font-weight: 600; line-height: 1.5;
}

.bib-grupp { scroll-margin-top: var(--space-6); }
.bib-lista {
  list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-3);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr));
}
.bib-rad {
  display: grid; gap: 10px; align-content: start; padding: 16px 18px; min-width: 0;
  border: var(--bw-thin) solid var(--line-soft); border-left: 4px solid var(--tone-strong, var(--line));
  border-radius: var(--r-m); background: var(--card); color: var(--ink);
  scroll-margin-top: var(--space-6);
}
.bib-rad:target { border-color: var(--line); box-shadow: var(--lift-s); }
.bib-rad-namn { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.bib-namn { font: 650 18px/1.25 var(--f-display); overflow-wrap: anywhere; }

.bib-fakta { display: grid; gap: 4px; margin: 0; font-size: var(--fs-small); line-height: 1.45; }
.bib-fakta > div { display: grid; grid-template-columns: 5.5em minmax(0, 1fr); gap: 8px; }
.bib-fakta dt { color: var(--ink-2); }
.bib-fakta dd { margin: 0; overflow-wrap: anywhere; }

.bib-guide {
  display: inline-flex; align-items: center; gap: 6px; justify-self: start; min-height: 44px; margin: -8px 0 -10px;
  color: var(--sky-ink); font-weight: 600; font-size: var(--fs-small); text-underline-offset: 3px;
}
.bib-guide svg { flex: none; }

@media (max-width: 760px) {
  .bib .gi-hero { grid-template-columns: minmax(0, 1fr); }
  .bib .gi-hero-husse { display: none; }
  .bib-rad { padding: 14px 14px; }
}

@media print {
  .bib-filter, .bib .gi-delar, .bib .gx-cta { display: none; }
}