body { font-family: system-ui, sans-serif; max-width: 900px; margin: 2rem auto; padding: 0 1rem; line-height: 1.6; background: #fff; color: #202124; }
nav { margin-bottom: 1.5rem; }
nav a { color: #1a0dab; }
/* Two real columns rather than a floated <dt>. The float version set its gap
   with margin-inline-start, which in RTL is the *right* edge - the outer side
   of the float - so no space ever landed between label and value and they ran
   together as "עירגלבוע". Grid also keeps values aligned when one wraps. */
.meta { display: grid; grid-template-columns: max-content 1fr; column-gap: 0.5em; row-gap: 0.3em; margin: 0; }
.meta dt { font-weight: bold; }
.meta dd { margin: 0; min-width: 0; overflow-wrap: break-word; }
/* The "only if the source is gone" note beside the mirror link: present, but
   never competing with the municipality's own link above it. */
.meta .muted { color: #5f6368; font-size: .9em; }
.protocol-text { overflow-wrap: break-word; border-top: 1px solid #ccc; padding-top: 1rem; margin-top: 1rem; font-family: inherit; }
.protocol-text p { margin: 0 0 0.15em; }
.protocol-text .pt-gap { height: 0.7em; margin: 0; }
.protocol-text h2 { font-size: 1.15rem; margin: 1.2em 0 0.4em; }
.protocol-text h3 { font-size: 1.05rem; margin: 1.1em 0 0.35em; padding-bottom: 0.15em; border-bottom: 1px solid #e3e3e3; }
.protocol-text .pt-decision { font-weight: 600; border-inline-start: 3px solid #1a73e8; padding-inline-start: 0.6em; margin: 0.5em 0; }
.protocol-text .pt-item { padding-inline-start: 1.1em; }
.pt-siblings { font-size: 0.9rem; color: #5f6368; }
.pt-warning { font-size: 0.9rem; background: #fef7e0; border: 1px solid #f0d78c; border-radius: 8px; padding: 0.6em 0.9em; }
.protocol-list li, .city-list li { margin-bottom: 0.4em; }
.protocol-list a, .city-list a, .pdf-link { color: #1a0dab; }
.pdf-link { display: inline-block; margin: 0.5em 0; }
.city-filters { display: flex; gap: 0.6rem; flex-wrap: wrap; margin-bottom: 1rem; }
.city-filters select { border: 1px solid #dfe1e5; border-radius: 16px; padding: 0.5rem 0.9rem; min-height: 40px; font-size: 0.85rem; color: #3c4043; background: #f8f9fa; font-family: inherit; }

@media (prefers-color-scheme: dark) {
  body { background: #202124; color: #e8eaed; }
  nav a, .protocol-list a, .city-list a, .pdf-link { color: #8ab4f8; }
  .protocol-text { border-top-color: #5f6368; }
  .pt-siblings, .meta .muted { color: #9aa0a6; }
  .pt-warning { background: #3a3320; border-color: #6b5b2a; }
  .city-filters select { background: #303134; border-color: #5f6368; color: #e8eaed; }
}
.build-time { margin-top: 3rem; font-size: 0.7rem; color: #9aa0a6; }