/* Lydbriefinger — supplement til styles.css */
.lyd-list { display: grid; gap: 10px; margin-top: 10px; }
.lyd-item { padding: 10px 12px; border: 1px solid rgba(127,127,127,.25); border-radius: 8px; }
.lyd-latest { border-color: #2f6fe4; }
.lyd-meta { font-size: 13px; margin-bottom: 6px; opacity: .85; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.lyd-badge { font-size: 10px; text-transform: uppercase; letter-spacing: .06em; padding: 2px 6px; border-radius: 4px; background: #2f6fe4; color: #fff; }
.lyd-item audio { width: 100%; height: 36px; }
.lyd-links { font-size: 12px; margin-top: 4px; }
.lyd-links a { color: inherit; opacity: .8; }
.lyd-links a:hover { opacity: 1; }

/* Navigation + særskilt side */
header .lyd-nav {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 600; line-height: 1; letter-spacing: .02em;
  text-decoration: none; white-space: nowrap;
  color: #ffffff; background: #2f6fe4;
  padding: 7px 14px; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.35);
  box-shadow: 0 0 0 0 rgba(47,111,228,.6);
  margin-right: 10px;
  transition: background .15s ease, transform .15s ease;
}
header .lyd-nav:hover, header .lyd-nav:focus-visible {
  background: #4a86f0; color: #ffffff; transform: translateY(-1px); outline: none;
}
header .lyd-nav:focus-visible { box-shadow: 0 0 0 3px rgba(255,255,255,.6); }
@media (max-width: 640px) {
  header .lyd-nav { padding: 6px 10px; font-size: 12px; }
}
.lyd-page { max-width: 820px; margin: 24px auto; padding: 0 16px; }
.lyd-empty { opacity: .7; font-size: 14px; }