/* verordnungen.css – RIS-Verordnungen (nach shell.css und start.css) */
.vo-kopf { margin-bottom: 18px; max-width: 860px; }
.vo-kopf h1 { margin: 2px 0 8px; font-size: clamp(1.7rem, 1.2rem + 1.4vw, 2.4rem); font-weight: 750; letter-spacing: -.02em; color: var(--g-blau-tief); }
.vo-kopf p { margin: 0; color: var(--g-text2); line-height: 1.6; }
.vo-ueber { font-size: .74rem !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--g-muted) !important; }

.vo-steuer { margin-bottom: 16px; }
.vo-zeile { display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: flex-end; }
.vo-feld { display: flex; flex-direction: column; gap: 5px; font-size: .74rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--g-muted); }
.vo-feld select, .vo-feld input {
  min-width: 260px; padding: 10px 12px; border-radius: 11px; border: 1px solid rgba(67,112,148,.25);
  background: rgba(255,255,255,.85); font: 500 .95rem system-ui, sans-serif; color: var(--g-text); text-transform: none; letter-spacing: 0;
}
.vo-feld select:focus, .vo-feld input:focus { outline: 3px solid rgba(90,139,179,.35); border-color: var(--g-blau2); }
.vo-such { flex: 1; }
.vo-such input { width: 100%; }

.vo-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.vo-chip {
  display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border-radius: 999px; cursor: pointer;
  font: 600 .82rem system-ui, sans-serif; color: var(--g-blau-tief);
  background: rgba(255,255,255,.7); border: 1px solid rgba(67,112,148,.2);
}
.vo-chip b { font-weight: 700; font-size: .74rem; color: var(--g-muted); font-variant-numeric: tabular-nums; }
.vo-chip:hover { background: #fff; }
.vo-chip.an { background: var(--g-blau-tief); border-color: transparent; color: #fff; }
.vo-chip.an b { color: rgba(255,255,255,.75); }
.vo-chip:focus-visible { outline: 3px solid var(--g-blau2); outline-offset: 2px; }

.vo-anz { margin: 0 0 6px; font-size: .8rem; color: var(--g-muted); }
.vo-doks { list-style: none; margin: 0; padding: 0; }
.vo-dok { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; gap: 6px 18px; align-items: start; padding: 14px 0; border-top: 1px solid var(--g-linie); }
.vo-dok:first-child { border-top: 0; }
.vo-dat { font-size: .82rem; font-weight: 650; color: var(--g-muted); font-variant-numeric: tabular-nums; padding-top: 2px; }
.vo-inh h2 { margin: 0; font-size: 1rem; font-weight: 700; color: var(--g-text); line-height: 1.35; }
.vo-lang { margin: 4px 0 0; font-size: .85rem; color: var(--g-text2); line-height: 1.45; }
.vo-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; margin: 7px 0 0; font-size: .76rem; color: var(--g-muted); }
.vo-tag { padding: 2px 8px; border-radius: 6px; background: rgba(67,112,148,.1); color: var(--g-blau-tief); font-weight: 600; }
.vo-links { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.vo-links .knopf { margin: 0; white-space: nowrap; }
.vo-ris { display: inline-flex; align-items: center; gap: 3px; font-size: .8rem; font-weight: 600; color: var(--g-blau); text-decoration: none; }
.vo-ris:hover { text-decoration: underline; }
.vo-ris svg.lucide { width: 13px; height: 13px; }
.vo-nix { padding: 18px 2px 4px; color: var(--g-text2); }

.vo-leer { display: flex; gap: 14px; align-items: flex-start; }
.vo-leer svg.lucide { width: 26px; height: 26px; color: var(--g-blau); flex-shrink: 0; }
.vo-leer p { margin: 6px 0 0; color: var(--g-text2); line-height: 1.55; }

@media (max-width: 760px) {
  .vo-feld select, .vo-feld input { min-width: 0; width: 100%; }
  .vo-feld { width: 100%; }
  .vo-dok { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .vo-links { flex-direction: row; align-items: center; justify-content: flex-start; gap: 14px; margin-top: 6px; }
}