/* ------------------------------------------------------------------
   dinby.css — «Din by»: hvad byrådet har besluttet, hvor du bor.

   Ingen nye farver og ingen nye skrifter. Alt er sitets eget:
   navy #061f2c, grøn #2a995b / #3eb666, kantgrå #e6e8e0, og
   Rufina (overskrifter) / Merriweather (brødtekst) / Overpass (tal og
   etiketter), som style.css allerede henter.

   Sidens ene egne idé er sagssporet: hver sag er en vandret linje på en
   fælles tidslinje, med en prik for hver behandling. Så kan man se en sag
   vandre fra fagudvalg til økonomiudvalg til byråd i stedet for at læse
   det ud af fem ens rækker.
------------------------------------------------------------------ */

/* Bredden.
   1080px er ikke problemet, og den blev prøvet hævet til 1440 og rullet
   tilbage igen: 1440 gav lange, ulæselige linjer uden at give mere indhold.
   Problemet var, at indholdet ikke brugte de 1080, den allerede havde.
   Arkivlisterne stod i en spalte på 48em, altså 620px, med navn, tal, søjle
   og datospænd stablet i fire linjer oven på hinanden, mens 460px stod tomme
   til højre.

   Reglen herfra: LISTER og TABELLER fylder de 1080 ud på tværs. Løbende
   tekst beholder sin læsebredde, for en linje på 1080px kan ikke læses. */
.dinby .wrapper { max-width: 1080px; }

.dinby-intro,
.dinby-manchet {
  font-family: 'Merriweather', serif;
  font-size: 17px;
  line-height: 185%;
  color: #061f2c;
  font-weight: 300;
  max-width: 40em;
  margin: 22px auto 0;
  text-align: center;
}
.dinby-manchet { text-align: left; margin-left: 0; }
.dinby-manchet strong { font-weight: 700; }

/* ---- oversigten over byer ---- */

.dinby-byer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
  gap: 14px;
  margin-top: 40px;
}
.dinby-by {
  display: block;
  text-decoration: none;
  background: #fff;
  border: 1px solid #e6e8e0;
  border-radius: 10px;
  padding: 18px 20px;
  box-shadow: 0 2px 10px rgba(6, 31, 44, .05);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.dinby-by:hover, .dinby-by:focus-visible {
  border-color: #2a995b;
  box-shadow: 0 6px 18px rgba(6, 31, 44, .10);
  transform: translateY(-2px);
}
.dinby-by-navn {
  display: block;
  font-family: 'Rufina', serif;
  font-size: 21px;
  font-weight: 700;
  color: #061f2c;
}
.dinby-by-tal {
  display: block;
  font-family: 'Overpass', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #2a995b;
  margin-top: 6px;
}
.dinby-by-sub {
  display: block;
  font-family: 'Overpass', sans-serif;
  font-size: 13px;
  color: #6e7b84;
  margin-top: 2px;
}
.dinby-kilde-kort {
  font-family: 'Overpass', sans-serif;
  font-size: 13px;
  color: #6e7b84;
  text-align: center;
  margin-top: 34px;
}

/* ---- byens egen side ---- */

.dinby-titel {
  font-family: 'Rufina', serif;
  font-size: 54px;
  font-weight: 700;
  color: #061f2c;
  letter-spacing: -.5px;
  margin: 4px 0 0;
  text-wrap: balance;
}
.dinby-side h2 { text-align: left; }

/* Nøgletallene. Tallene er Overpass, fordi cifre i Rufina bliver for
   dekorative til at kunne sammenlignes på tværs af felterne. */
.dinby-tal {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 1px;
  background: #e6e8e0;
  border: 1px solid #e6e8e0;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 34px;
}
.dinby-tal > div { background: #fff; padding: 18px 20px; }
.dinby-tal .t {
  display: block;
  font-family: 'Overpass', sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  color: #061f2c;
  font-variant-numeric: tabular-nums;
}
.dinby-tal .t.gron { color: #2a995b; }
.dinby-tal .x {
  display: block;
  font-family: 'Overpass', sans-serif;
  font-size: 13px;
  line-height: 140%;
  color: #6e7b84;
  margin-top: 8px;
}

/* ---- søjlerne pr. år ---- */

.dinby-figur {
  background: #fff;
  border: 1px solid #e6e8e0;
  border-radius: 10px;
  padding: 22px 24px 14px;
  margin-top: 40px;
  box-shadow: 0 2px 10px rgba(6, 31, 44, .05);
}
.dinby-figur-top {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 18px;
}
.dinby-figur-titel {
  font-family: 'Overpass', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #061f2c;
}
.dinby-legende {
  display: flex;
  gap: 18px;
  font-family: 'Overpass', sans-serif;
  font-size: 13px;
  color: #4a5c66;
}
.dinby-legende span { display: inline-flex; align-items: center; gap: 6px; }
.dinby-legende .sw { width: 11px; height: 11px; border-radius: 2px; display: inline-block; }
.dinby-legende .sw-om { background: #2a995b; }
.dinby-legende .sw-naevn { background: #a6ada4; }

.dinby-chart { width: 100%; overflow-x: auto; }
.dinby-chart svg { display: block; width: 100%; min-width: 560px; }
.dinby-chart .gl { stroke: #eef0ea; stroke-width: 1; }
.dinby-chart .ax { font-family: 'Overpass', sans-serif; font-size: 12px; fill: #6e7b84; }
.dinby-chart .val {
  font-family: 'Overpass', sans-serif; font-size: 12px; font-weight: 700; fill: #4a5c66;
}
.dinby-chart .b-om { fill: #2a995b; }
.dinby-chart .b-naevn { fill: #a6ada4; }

/* ---- sagssporene ---- */

/* Afstanden over afsnitsoverskrifterne.
   Vælgeren skal matche «.home_s3 h2.section-title» fra style.css, som sætter
   margin-top: 6px. En ren «.dinby-h» taber på specificitet, og så stod alle
   overskrifter klistret op ad det, der kom før dem. */
.dinby-h { text-align: left !important; }
.home_s3 h2.dinby-h { margin-top: 72px; margin-bottom: 4px; }
.home_s3 h2.dinby-h + .dinby-forklaring { margin-top: 10px; }
.dinby-forklaring {
  font-family: 'Merriweather', serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 180%;
  color: #4a5c66;
  max-width: 40em;
  margin-top: 10px;
}

.dinby-skala {
  display: grid;
  grid-template-columns: 150px 1fr;
  font-family: 'Overpass', sans-serif;
  font-size: 12px;
  color: #6e7b84;
  border-bottom: 1px solid #e6e8e0;
  padding-bottom: 6px;
  margin-top: 28px;
}
.dinby-skala span { display: none; }
.dinby-skala::before { content: ""; }
.dinby-skala { position: relative; }
/* Årstallene fordeles hen over sporets bredde, ikke i grid-cellerne, så de
   står præcis der hvor prikkerne lander. */
.dinby-skala > span {
  display: block;
  position: absolute;
  bottom: 6px;
  transform: translateX(-50%);
}
.dinby-skala > span:nth-of-type(1) { left: calc(150px + 0%); transform: none; }
.dinby-skala > span:nth-of-type(2) { left: calc(150px + (100% - 150px) * .267); }
.dinby-skala > span:nth-of-type(3) { left: calc(150px + (100% - 150px) * .533); }
.dinby-skala > span:nth-of-type(4) { left: calc(150px + (100% - 150px) * .80); }
.dinby-skala > span:nth-of-type(5) { right: 0; left: auto; transform: none; }

.dinby-sag {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 0 22px;
  padding: 22px 0;
  border-bottom: 1px solid #eef0ea;
  align-items: start;
}
.dinby-sag-meta {
  font-family: 'Overpass', sans-serif;
  font-size: 13px;
  color: #6e7b84;
  line-height: 155%;
}
.dinby-sag-meta .nr {
  display: block;
  font-weight: 700;
  color: #4a5c66;
  font-variant-numeric: tabular-nums;
}
.dinby-sag-meta .styrke { color: #2a995b; font-weight: 600; }

/* Sagens overskrift er et link til sagssiden, men den skal se ud som en
   overskrift og ikke som en understreget link-blok. */
.dinby-sag-krop h3 a { color: inherit; text-decoration: none; }
.dinby-sag-krop h3 a:hover {
  color: #2a995b; text-decoration: underline; text-underline-offset: 4px;
}
.dinby-sag-krop h3 {
  font-family: 'Rufina', serif;
  font-size: 20px;
  font-weight: 700;
  color: #061f2c;
  line-height: 140%;
  margin: 0;
  text-wrap: balance;
}

.dinby-spor { position: relative; height: 26px; margin: 14px 0 10px; }
.dinby-spor .linje {
  position: absolute; left: 0; right: 0; top: 13px; height: 1px; background: #dfe3dd;
}
.dinby-spor .spand {
  position: absolute; top: 12px; height: 3px; border-radius: 2px;
  background: #2a995b; opacity: .3;
}
.dinby-spor .prik {
  position: absolute; top: 6px; width: 14px; height: 14px; margin-left: -7px;
  border-radius: 50%; background: #2a995b; border: 2px solid #fff;
  box-shadow: 0 0 0 1px #dfe3dd;
}
.dinby-spor .prik.byraad { border-radius: 3px; background: #061f2c; }

.dinby-beh { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.dinby-beh li {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 0 14px;
  font-family: 'Overpass', sans-serif;
  font-size: 14px;
  line-height: 155%;
  padding-left: 14px;
  border-left: 2px solid #e6e8e0;
}
.dinby-beh .d { color: #6e7b84; font-variant-numeric: tabular-nums; }
.dinby-beh .h { color: #4a5c66; }
.dinby-beh .h b { color: #061f2c; font-weight: 600; }
/* Indstillingen og beslutningen står sammen. Se blokken «indstilling over
   beslutning» længere nede for hvorfor. */
.dinby-beh .mangler {
  display: inline-block;
  color: #6e7b84;
  font-style: italic;
  font-size: 13px;
  margin-top: 3px;
}
.dinby-beh .kilde {
  display: inline-block;
  margin-top: 4px;
  margin-left: 8px;
  font-size: 13px;
  color: #2a995b;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.dinby-beh .kilde:hover { color: #061f2c; }

/* ---- de svage træffere ---- */

.dinby-svage {
  border: 1px solid #e6e8e0;
  border-radius: 10px;
  background: #fff;
  margin-top: 24px;
  box-shadow: 0 2px 10px rgba(6, 31, 44, .05);
}
.dinby-svage summary {
  font-family: 'Overpass', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #061f2c;
  padding: 16px 22px;
  cursor: pointer;
  list-style: none;
}
.dinby-svage summary::-webkit-details-marker { display: none; }
.dinby-svage summary::after {
  content: "vis"; float: right; font-weight: 400; color: #6e7b84; font-size: 14px;
}
.dinby-svage[open] summary::after { content: "skjul"; }
.dinby-svage-krop { padding: 0 22px 22px; overflow-x: auto; }

.dinby-tabel {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Overpass', sans-serif;
  font-size: 14px;
}
.dinby-tabel th {
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: #6e7b84;
  padding: 8px 12px 8px 0;
  border-bottom: 1px solid #e6e8e0;
  white-space: nowrap;
}
.dinby-tabel td {
  padding: 9px 12px 9px 0;
  border-bottom: 1px solid #f2f3ee;
  color: #4a5c66;
  vertical-align: top;
}
.dinby-tabel .d { color: #6e7b84; white-space: nowrap; font-variant-numeric: tabular-nums; }
.dinby-tabel .h { text-align: right; font-variant-numeric: tabular-nums; }
.dinby-tabel .mere { color: #6e7b84; }

/* ---- kildenoten ---- */

.dinby-kilde {
  background: #f2f3ee;
  border-left: 3px solid #2a995b;
  border-radius: 0 6px 6px 0;
  padding: 20px 24px;
  margin-top: 46px;
  max-width: 44em;
}
.dinby-kilde p {
  font-family: 'Merriweather', serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 180%;
  color: #4a5c66;
  margin: 0 0 12px;
}
.dinby-kilde p:last-child { margin-bottom: 0; }
.dinby-kilde b { color: #061f2c; font-weight: 700; }

.dinby-andre {
  font-family: 'Overpass', sans-serif;
  font-size: 14px;
  color: #6e7b84;
  margin-top: 34px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  align-items: baseline;
}
.dinby-andre a { color: #2a995b; text-decoration: none; }
.dinby-andre a:hover { text-decoration: underline; text-underline-offset: 3px; }
.dinby-andre a.alle { font-weight: 600; }

.dinby-fejl {
  font-family: 'Rufina', serif; font-size: 32px; color: #061f2c; text-align: center;
}
.dinby-fejl-txt {
  font-family: 'Merriweather', serif; font-size: 15px; color: #4a5c66;
  text-align: center; font-weight: 300;
}

/* ------------------------------------------------------------------
   Indstilling over beslutning.

   «Godkendt.» er den hyppigste beslutning i hele materialet, og alene
   siger den ingenting. Da udvalget den 15. juni 2026 skrev «Godkendt.»
   til facaderne på Torvegade 7-9, var det et AFSLAG, de godkendte.
   Derfor står de to ting altid sammen og altid i samme rækkefølge:
   først hvad der blev lagt op til, så hvad der blev besluttet.

   De grå/grønne farver er ikke pynt. Grå er forslaget, grøn er
   afgørelsen, og en læser skal kunne se forskel uden at læse etiketten.
------------------------------------------------------------------ */

.dinby .indst,
.dinby .afg {
  display: block;
  margin-top: 5px;
  padding: 5px 10px 6px;
  border-radius: 4px;
  border-left: 3px solid;
}
.dinby .indst { background: #f4f5f1; border-left-color: #b9c0b6; }
.dinby .afg   { background: #eef5f0; border-left-color: #2a995b; }

.dinby .indst .mrk,
.dinby .afg .mrk {
  display: block;
  font-family: 'Overpass', sans-serif;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 1px;
}
.dinby .indst .mrk { color: #7d8a80; }
.dinby .afg .mrk   { color: #2a995b; }
.dinby .indst .txt,
.dinby .afg .txt { display: block; color: #061f2c; }
.dinby .indst .txt { color: #3f4c44; }

/* Flere at-punkter i samme indstilling: nummereres, så «punkt 2» i
   beslutningen kan findes igen. */
.dinby .indst .flere { display: block; counter-reset: at; }
.dinby .indst .flere > span {
  display: block;
  counter-increment: at;
  padding-left: 20px;
  position: relative;
  margin-top: 2px;
}
.dinby .indst .flere > span::before {
  content: counter(at) ".";
  position: absolute;
  left: 0;
  font-family: 'Overpass', sans-serif;
  font-weight: 700;
  color: #a6ada4;
}

/* ---- søgefeltet ---- */

.dinby-soegform { margin: 46px 0 0; max-width: 34em; }
.dinby-soegform.stor { max-width: 44em; }
/* På oversigten er teksten ovenover centreret, og så skal feltet være det
   også. På søgesiden er overskriften venstrestillet, og der bliver feltet
   stående til venstre. */
.dinby-soegform.midt { margin-left: auto; margin-right: auto; }
.dinby-soegform.midt .dinby-soeg-label { text-align: center; }
.dinby-soeg-label {
  display: block;
  font-family: 'Overpass', sans-serif;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  color: #6e7b84;
  margin-bottom: 7px;
}
.dinby-soeg-rk { display: flex; gap: 8px; }
.dinby-soeg-rk input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  font-family: 'Overpass', sans-serif;
  font-size: 16px;
  color: #061f2c;
  background: #fff;
  border: 1px solid #d6dad2;
  border-radius: 4px;
  padding: 12px 14px;
  -webkit-appearance: none;
  appearance: none;
}
.dinby-soeg-rk input[type="search"]:focus {
  outline: none;
  border-color: #2a995b;
  box-shadow: 0 0 0 3px rgba(42,153,91,.16);
}
.dinby-soeg-rk button {
  flex: 0 0 auto;
  font-family: 'Overpass', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: #2a995b;
  border: 0;
  border-radius: 4px;
  padding: 12px 26px;
  cursor: pointer;
}
.dinby-soeg-rk button:hover { background: #061f2c; }

/* ---- genvejene på oversigten ---- */

.dinby-genveje {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin-top: 30px;
}
.dinby-genvej {
  display: block;
  background: #061f2c;
  border-radius: 6px;
  padding: 18px 20px;
  text-decoration: none;
}
.dinby-genvej:hover { background: #0b2f42; }
.dinby-genvej .k {
  display: block;
  font-family: 'Rufina', serif;
  font-size: 19px;
  color: #fff;
}
.dinby-genvej .u {
  display: block;
  font-family: 'Overpass', sans-serif;
  font-size: 13px;
  color: #9fb3bf;
  margin-top: 4px;
  line-height: 150%;
}

/* ---- søgesiden ---- */

.dinby-filtre {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: flex-end;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e8e0;
}
.dinby-filtre label { display: block; }
.dinby-filtre label > span {
  display: block;
  font-family: 'Overpass', sans-serif;
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 700;
  color: #6e7b84;
  margin-bottom: 5px;
}
.dinby-filtre select {
  font-family: 'Overpass', sans-serif;
  font-size: 14px;
  color: #061f2c;
  background: #fff;
  border: 1px solid #d6dad2;
  border-radius: 4px;
  padding: 8px 10px;
  max-width: 15em;
}
.dinby-filter-knap {
  font-family: 'Overpass', sans-serif; font-size: 14px; font-weight: 600;
  color: #fff; background: #2a995b; border: 0; border-radius: 4px;
  padding: 9px 18px; cursor: pointer;
}
.dinby-ryd {
  font-family: 'Overpass', sans-serif;
  font-size: 13px;
  color: #2a995b;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding-bottom: 9px;
}
.dinby-ryd:hover { color: #061f2c; }

.dinby-resultattal {
  font-family: 'Overpass', sans-serif;
  font-size: 14px;
  color: #6e7b84;
  margin: 22px 0 0;
}
.dinby-resultattal strong { color: #061f2c; font-weight: 700; }
.dinby-resultattal .dinby-note {
  display: block; margin-top: 4px; font-size: 13px; color: #a6ada4; font-style: italic;
}

.dinby-tomt {
  background: #f7f8f4;
  border-left: 3px solid #a6ada4;
  border-radius: 0 6px 6px 0;
  padding: 18px 22px;
  margin-top: 20px;
  max-width: 44em;
}
.dinby-tomt p {
  font-family: 'Merriweather', serif; font-size: 14px; font-weight: 300;
  line-height: 180%; color: #4a5c66; margin: 0 0 10px;
}
.dinby-tomt p:last-child { margin-bottom: 0; }
.dinby-tomt a { color: #2a995b; }

.dinby-traef { margin-top: 8px; }
.dinby-traf {
  border-bottom: 1px solid #e6e8e0;
  padding: 20px 0;
}
.dinby-traf h3 {
  font-family: 'Rufina', serif;
  font-size: 20px;
  line-height: 140%;
  color: #061f2c;
  margin: 0;
}
.dinby-traf h3 a { color: inherit; text-decoration: none; }
.dinby-traf h3 a:hover { color: #2a995b; text-decoration: underline; text-underline-offset: 4px; }
.dinby-traf-meta {
  font-family: 'Overpass', sans-serif;
  font-size: 13px;
  color: #6e7b84;
  margin: 6px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
}
.dinby-traf-meta .d { font-variant-numeric: tabular-nums; }
/* Valgperioden ved udvalget. Diskret, men klikbar: den fører til arkivet. */
.dinby-traf-meta .pe, .dinby-tabel .pe {
  font-family: 'Overpass', sans-serif;
  font-size: 11.5px;
  color: #6e7b84;
  background: #f2f4ee;
  padding: 1px 7px;
  border-radius: 3px;
  text-decoration: none;
  white-space: nowrap;
}
.dinby-traf-meta a.pe:hover { background: #eef5f0; color: #2a995b; }
.dinby-tabel .pe { display: inline-block; margin-left: 6px; }

.dinby-traf-meta .nr {
  font-size: 12px; background: #f2f4ee; color: #6e7b84;
  padding: 1px 7px; border-radius: 3px;
}
.dinby-traf-ind,
.dinby-traf-afg {
  font-family: 'Overpass', sans-serif;
  font-size: 14px;
  line-height: 160%;
  margin: 8px 0 0;
  padding-left: 12px;
  border-left: 3px solid;
}
.dinby-traf-ind { color: #3f4c44; border-left-color: #b9c0b6; }
.dinby-traf-afg { color: #061f2c; border-left-color: #2a995b; }
.dinby-traf-ind .mrk,
.dinby-traf-afg .mrk {
  font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
  font-weight: 700; margin-right: 7px;
}
.dinby-traf-ind .mrk { color: #7d8a80; }
.dinby-traf-afg .mrk { color: #2a995b; }
.dinby-traf-byer {
  font-family: 'Overpass', sans-serif; font-size: 13px;
  margin: 9px 0 0; display: flex; flex-wrap: wrap; gap: 4px 12px;
}
.dinby-traf-byer a { color: #2a995b; text-decoration: none; }
.dinby-traf-byer a:hover { text-decoration: underline; text-underline-offset: 3px; }

.dinby-sider {
  display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
  margin-top: 28px;
  font-family: 'Overpass', sans-serif; font-size: 14px;
}
.dinby-sider a, .dinby-sider .n {
  display: inline-block; min-width: 38px; text-align: center;
  padding: 8px 10px; border-radius: 4px; text-decoration: none;
}
.dinby-sider a { color: #2a995b; border: 1px solid #e6e8e0; }
.dinby-sider a:hover { background: #eef5f0; border-color: #2a995b; }
.dinby-sider .n { background: #061f2c; color: #fff; font-weight: 600; }
.dinby-sider .pr { color: #a6ada4; padding: 0 2px; }
.dinby-sider .p { font-weight: 600; }

/* ---- én sag ---- */

.dinby-sagfakta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1px;
  background: #e6e8e0;
  border: 1px solid #e6e8e0;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 26px;
}
.dinby-sagfakta > div { background: #fff; padding: 14px 18px; }
.dinby-sagfakta .x {
  display: block;
  font-family: 'Overpass', sans-serif;
  font-size: 11px; letter-spacing: .1em; text-transform: uppercase;
  font-weight: 700; color: #6e7b84; margin-bottom: 5px;
}
.dinby-sagfakta .t {
  display: block;
  font-family: 'Overpass', sans-serif;
  font-size: 14px; line-height: 155%; color: #061f2c;
}
.dinby-sagfakta .t a { color: #2a995b; text-decoration: none; margin-right: 8px; }
.dinby-sagfakta .t a:hover { text-decoration: underline; text-underline-offset: 3px; }

.dinby-gang { list-style: none; margin: 20px 0 0; padding: 0; }
.dinby-gang > li {
  position: relative;
  padding: 0 0 26px 26px;
  border-left: 2px solid #e6e8e0;
}
.dinby-gang > li:last-child { border-left-color: transparent; padding-bottom: 4px; }
.dinby-gang > li::before {
  content: "";
  position: absolute;
  left: -7px; top: 5px;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: #a6ada4;
  border: 2px solid #fff;
}
/* Byrådet er en firkant, ligesom prikken i sagssporet på bysiden. */
.dinby-gang > li.byraad::before { border-radius: 2px; background: #061f2c; }
.dinby-gang-hoved {
  display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline;
  font-family: 'Overpass', sans-serif;
}
.dinby-gang-hoved .d {
  font-size: 14px; color: #6e7b84; font-variant-numeric: tabular-nums;
}
.dinby-gang-hoved .u { font-size: 15px; font-weight: 600; color: #061f2c; }
.dinby-gang-hoved .mrk-byraad {
  font-size: 10px; letter-spacing: .1em; text-transform: uppercase;
  font-weight: 700; color: #fff; background: #061f2c;
  padding: 2px 7px; border-radius: 3px;
}
/* Ingen bredde-begrænsning: sagens gang fylder hele spalten, ligesom
   faktaboksen over den. En smallere kolonne efterlod en tom højreside. */
.dinby-gang-krop {
  font-family: 'Overpass', sans-serif;
  font-size: 14px; line-height: 160%;
  margin-top: 4px;
}
.dinby-gang-krop .mangler {
  display: inline-block; color: #6e7b84; font-style: italic; font-size: 13px;
}
/* Linket til kommunens egen side er hele pointen med at kunne stole på
   siden. Det var en lille grøn understregning, som forsvandt i teksten.
   Nu er det en knap, man kan se. */
.dinby-kildeknap {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  font-family: 'Overpass', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: #061f2c;
  background: #fff;
  border: 1px solid #cfd6cd;
  border-radius: 4px;
  padding: 8px 14px;
  text-decoration: none;
}
.dinby-kildeknap .ud { font-size: 15px; color: #2a995b; line-height: 1; }
.dinby-kildeknap:hover {
  border-color: #2a995b; background: #eef5f0; color: #061f2c;
}

/* ------------------------------------------------------------------
   Resumeet.

   Det står EFTER kommunens egne ord på sagssiden, og det ser bevidst
   anderledes ud end dem: lysere baggrund, ingen grøn kant (grøn er
   afgørelsens farve, og et resume afgør ingenting), og en mærkat der
   siger hvem der har skrevet det. En læser skal kunne se på en halv
   meters afstand, hvad der er kommunens ord og hvad der ikke er.
------------------------------------------------------------------ */

/* Resumeet står øverst på sagssiden, i fuld læsebredde.
   Det har stået to andre steder undervejs: under sagens gang, hvor det lå en
   halv skærm nede, og i en sidespalte, hvor det blev en tynd søjle med fire
   ord pr. linje. */
.dinby-resume {
  background: #fbfaf6;
  border: 1px solid #e6e8e0;
  border-radius: 6px;
  padding: 20px 26px 18px;
  margin-top: 30px;
}
/* Boksen fylder hele spalten som faktaboksen, men selve teksten holdes i en
   læsbar bredde. En linje på 150 tegn er hård at følge i brødtekst. */
.dinby-resume > p { max-width: 52em; }
.dinby-sagkrop { margin-top: 40px; }
.home_s3 .dinby-sagkrop > h2.dinby-h:first-child { margin-top: 0; }
.dinby-resume-mrk {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  margin-bottom: 8px;
}
.dinby-resume-mrk .m {
  font-family: 'Overpass', sans-serif;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  color: #6e7b84;
}
.dinby-resume-mrk .x {
  font-family: 'Overpass', sans-serif;
  font-size: 12px;
  color: #a6ada4;
}
.dinby-resume-mrk .emne {
  margin-left: auto;
  font-family: 'Overpass', sans-serif;
  font-size: 12px;
  color: #2a995b;
  background: #eef5f0;
  padding: 2px 9px;
  border-radius: 3px;
  text-decoration: none;
}
.dinby-resume-mrk .emne:hover { background: #2a995b; color: #fff; }
.dinby-resume > p {
  font-family: 'Merriweather', serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 180%;
  color: #061f2c;
  margin: 0;
}
/* Forbeholdet skal kunne læses. Sætter man det for lyst, står det der kun for
   syns skyld, og så er det ikke et forbehold. */
.dinby-resume .dinby-resume-note {
  font-family: 'Overpass', sans-serif;
  font-size: 12.5px;
  line-height: 165%;
  color: #6e7b84;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #eef0ea;
}

/* Étlinjeren i søgeresultatet. */
.dinby-traf-kort {
  font-family: 'Overpass', sans-serif;
  font-size: 14px;
  line-height: 160%;
  color: #3f4c44;
  margin: 7px 0 0;
}
.dinby-traf-kort .mrk {
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 700;
  color: #b9c0b6;
  margin-left: 8px;
  white-space: nowrap;
}

/* ------------------------------------------------------------------
   Sagstyper.

   Farverne bærer betydning og er ikke pynt: grøn er afgørelsens farve
   overalt på sitet, så beslutningssagen får den. Drøftelsen får ravgul
   (noget er i gang), orienteringen grå (der skete ingenting), og
   punkter uden type den lyseste.
------------------------------------------------------------------ */

.dinby-type {
  display: inline-block;
  font-family: 'Overpass', sans-serif;
  font-size: 10.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 3px;
  margin-top: 6px;
}
.dinby-type.t-beslutning  { background: #e4f2ea; color: #1f7a47; }
.dinby-type.t-droeftelse  { background: #fbf0dd; color: #8a6212; }
.dinby-type.t-orientering { background: #eceef0; color: #55636c; }
.dinby-type.t-uden        { background: #f4f5f1; color: #97a09a; }

.dinby-typesoejle {
  display: flex;
  height: 6px;
  border-radius: 3px;
  overflow: hidden;
  background: #f0f2ec;
  margin: 6px 0;
  max-width: 26em;
}
.dinby-typesoejle.stor { height: 12px; max-width: none; margin: 14px 0 6px; }
.dinby-typesoejle i { display: block; height: 100%; }
.dinby-typesoejle i.t-beslutning  { background: #2a995b; }
.dinby-typesoejle i.t-droeftelse  { background: #d9a13c; }
.dinby-typesoejle i.t-orientering { background: #8d9aa3; }
.dinby-typesoejle i.t-uden        { background: #d8dcd4; }

.dinby-typenoegle {
  display: flex; flex-wrap: wrap; gap: 4px 18px;
  font-family: 'Overpass', sans-serif; font-size: 12.5px; color: #6e7b84;
  margin: 10px 0 0;
}
.dinby-typenoegle span { display: inline-flex; align-items: center; gap: 6px; }
.dinby-typenoegle i { width: 10px; height: 10px; border-radius: 2px; display: inline-block; }
.dinby-typenoegle i.t-beslutning  { background: #2a995b; }
.dinby-typenoegle i.t-droeftelse  { background: #d9a13c; }
.dinby-typenoegle i.t-orientering { background: #8d9aa3; }
.dinby-typenoegle i.t-uden        { background: #d8dcd4; }

/* ---- arkivet ---- */

/* Arkivets to lister lå som fire linjer stablet oven på hinanden i en spalte
   på 48em, altså under halvdelen af den bredde, der allerede var. Nu er de
   rækker: navn, tal, søjle og datospænd ved siden af hinanden. Det er den
   samme information på en fjerdedel af højden, og søjlerne står under
   hinanden, så to udvalg kan sammenlignes med øjet. */
.dinby-udvalgsliste, .dinby-moedeliste { list-style: none; margin: 16px 0 0; padding: 0; }
.dinby-udvalgsliste li, .dinby-moedeliste li {
  display: grid;
  grid-template-columns: minmax(16em, 1.6fr) 12em minmax(10em, 1fr) 12em;
  align-items: center;
  gap: 4px 24px;
  padding: 12px 0;
  border-bottom: 1px solid #eef0ea;
}
.dinby-udvalgsliste li:first-child, .dinby-moedeliste li:first-child {
  border-top: 1px solid #eef0ea;
}
.dinby-udvalgsliste a, .dinby-moedeliste a {
  font-family: 'Rufina', serif; font-size: 18px; color: #061f2c; text-decoration: none;
}
.dinby-udvalgsliste a:hover, .dinby-moedeliste a:hover {
  color: #2a995b; text-decoration: underline; text-underline-offset: 4px;
}
.dinby-udvalgsliste .tal, .dinby-moedeliste .tal,
.dinby-udvalgsliste .spand, .dinby-moedeliste .sted {
  font-family: 'Overpass', sans-serif; font-size: 12.5px; color: #6e7b84;
  margin: 0;
}
.dinby-udvalgsliste .spand, .dinby-moedeliste .sted {
  color: #a6ada4; text-align: right; font-variant-numeric: tabular-nums;
}
/* Søjlen sad med en fast bredde beregnet til en spalte. I en række skal den
   fylde sin egen celle ud, ellers står den og flyder i midten. */
.dinby-udvalgsliste .dinby-typesoejle,
.dinby-moedeliste .dinby-typesoejle { max-width: none; width: 100%; margin: 0; }

@media (max-width: 900px) {
  .dinby-udvalgsliste li, .dinby-moedeliste li {
    grid-template-columns: 1fr; gap: 3px;
  }
  .dinby-udvalgsliste .spand, .dinby-moedeliste .sted { text-align: left; }
}

.dinby-dagsorden-arkiv > li { padding: 14px 0; border-top: 1px solid #eef0ea; }
.dinby-dagsorden-arkiv > li:first-child { border-top: 0; }
.dinby-dagsorden-arkiv h4 a { color: inherit; text-decoration: none; }
.dinby-dagsorden-arkiv h4 a:hover {
  color: #2a995b; text-decoration: underline; text-underline-offset: 4px;
}
.dinby-fast {
  display: inline-block; margin-left: 8px;
  font-family: 'Overpass', sans-serif; font-size: 11px; color: #a6ada4; font-style: italic;
}
.dinby-kildelink { margin-top: 26px; }
.dinby-kildelink a {
  font-family: 'Overpass', sans-serif; font-size: 14px; font-weight: 600;
  color: #2a995b; text-decoration: underline; text-underline-offset: 4px;
}
.dinby-kildelink a:hover { color: #061f2c; }

/* ---- naboerne på en sagsside ---- */

.dinby-naboer { list-style: none; margin: 18px 0 0; padding: 0; }
.dinby-naboer li {
  padding: 14px 0;
  border-bottom: 1px solid #eef0ea;
}
.dinby-naboer li:first-child { border-top: 1px solid #eef0ea; }
.dinby-naboer a {
  font-family: 'Rufina', serif;
  font-size: 17px;
  line-height: 145%;
  color: #061f2c;
  text-decoration: none;
}
.dinby-naboer a:hover { color: #2a995b; text-decoration: underline; text-underline-offset: 4px; }
.dinby-naboer .k {
  display: block;
  font-family: 'Overpass', sans-serif;
  font-size: 13.5px;
  line-height: 155%;
  color: #4a5c66;
  margin-top: 3px;
}
.dinby-naboer .d {
  display: block;
  font-family: 'Overpass', sans-serif;
  font-size: 12px;
  color: #a6ada4;
  margin-top: 3px;
}

/* ---- kommende møder ---- */

.dinby-moede {
  border: 1px solid #e6e8e0;
  border-radius: 6px;
  margin-top: 24px;
  overflow: hidden;
}
.dinby-moede-hoved {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  background: #061f2c;
  padding: 18px 22px;
}
.dinby-moede-dato {
  flex: 0 0 auto;
  text-align: center;
  background: #2a995b;
  border-radius: 5px;
  padding: 8px 12px 9px;
  min-width: 62px;
}
.dinby-moede-dato .dag {
  display: block; font-family: 'Rufina', serif; font-size: 28px;
  line-height: 1; color: #fff;
}
.dinby-moede-dato .mdr {
  display: block; font-family: 'Overpass', sans-serif; font-size: 11px;
  letter-spacing: .08em; text-transform: uppercase; color: #d5f0e0; margin-top: 3px;
}
.dinby-moede-hvem h3 {
  font-family: 'Rufina', serif; font-size: 22px; line-height: 130%;
  color: #fff; margin: 0;
}
.dinby-moede-hvem .sted,
.dinby-moede-hvem .antal {
  font-family: 'Overpass', sans-serif; font-size: 13px; color: #9fb3bf;
  margin: 5px 0 0;
}
.dinby-moede-hvem .kilde {
  color: #6fd39b; text-decoration: underline; text-underline-offset: 3px;
  margin-left: 10px;
}
.dinby-moede-hvem .kilde:hover { color: #fff; }
.dinby-moede-tom {
  font-family: 'Overpass', sans-serif; font-size: 14px; color: #6e7b84;
  font-style: italic; padding: 18px 22px; margin: 0;
}

/* Dagsordenen foldes ud. Uden det er siden en mur på 20 punkter pr. møde, og
   så kan man ikke se hvilke møder der overhovedet er på vej. */
.dinby-dagsorden-fold > summary {
  list-style: none;
  cursor: pointer;
  font-family: 'Overpass', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #2a995b;
  padding: 14px 22px;
  border-top: 1px solid #eef0ea;
  display: flex;
  align-items: center;
  gap: 8px;
}
.dinby-dagsorden-fold > summary::-webkit-details-marker { display: none; }
.dinby-dagsorden-fold > summary::after {
  content: "";
  width: 8px; height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translate(-2px, -2px);
  transition: transform .15s;
}
.dinby-dagsorden-fold[open] > summary::after { transform: rotate(-135deg) translate(-2px, -2px); }
.dinby-dagsorden-fold > summary:hover { color: #061f2c; background: #fbfaf6; }
.dinby-dagsorden-fold .skjul { display: none; }
.dinby-dagsorden-fold[open] .vis { display: none; }
.dinby-dagsorden-fold[open] .skjul { display: inline; }

.dinby-dagsorden { list-style: none; margin: 0; padding: 0; }
.dinby-dagsorden > li {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 0 14px;
  padding: 16px 22px;
  border-top: 1px solid #eef0ea;
}
.dinby-dagsorden > li:first-child { border-top: 0; }
.dinby-punkt-nr {
  font-family: 'Overpass', sans-serif; font-size: 13px; font-weight: 700;
  color: #a6ada4; font-variant-numeric: tabular-nums; padding-top: 3px;
}
.dinby-punkt-krop h4 {
  font-family: 'Rufina', serif; font-size: 18px; line-height: 140%;
  color: #061f2c; margin: 0;
}
.dinby-punkt-ind {
  font-family: 'Overpass', sans-serif; font-size: 14px; line-height: 160%;
  color: #3f4c44; margin-top: 7px;
  padding-left: 12px; border-left: 3px solid #b9c0b6;
}
.dinby-punkt-ind .mrk {
  display: block;
  font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
  font-weight: 700; color: #7d8a80;
}
.dinby-punkt-ind ul { margin: 3px 0 0; padding-left: 18px; }
.dinby-punkt-ind li { margin-top: 2px; }
.dinby-punkt-ingen {
  font-family: 'Overpass', sans-serif; font-size: 13px; color: #6e7b84;
  font-style: italic; margin: 6px 0 0;
}

/* Punktets titel er linket videre til sagens egen side. Den skal se ud som en
   overskrift og ikke som et link i en tekst, så farven bliver, og streger
   først frem når man peger på den. */
.dinby-punkt-krop h4 a { color: inherit; text-decoration: none; }
.dinby-punkt-krop h4 a:hover { color: #2a995b; text-decoration: underline; }

/* «Kort fortalt» foran mødet. Grøn, fordi den er vores egen tekst, hvor
   indstillingen ved siden af er kommunens og står grå. */
.dinby-punkt-res {
  font-family: 'Overpass', sans-serif; font-size: 14px; line-height: 165%;
  color: #2d3b33; margin-top: 9px;
  padding: 9px 12px; border-left: 3px solid #2a995b;
  background: #f4f8f4;
}
.dinby-punkt-res .mrk {
  display: block;
  font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
  font-weight: 700; color: #2a995b;
}
.dinby-punkt-res p { margin: 3px 0 0; }
/* Resumeet er skrevet efter en TIDLIGERE behandling og bærer et udfald, der
   ikke hører til det møde, der står her. Gul og ikke grøn, så øjet ser at det
   er en anden slags. */
.dinby-punkt-res.tidligere {
  border-left-color: #c8a33a; background: #fbf8ef; color: #4a4433;
}
.dinby-punkt-res.tidligere .mrk { color: #9c7d21; }

/* ---- mobil ---- */

@media (max-width: 760px) {
  .dinby-titel { font-size: 38px; }
  .dinby-skala { display: none; }
  .dinby-sag { grid-template-columns: 1fr; gap: 8px; }
  .dinby-sag-meta { order: 2; }
  .dinby-sag-krop { order: 1; }
  .dinby-beh li { grid-template-columns: 1fr; gap: 2px; }
  .dinby-intro, .dinby-manchet { font-size: 16px; }

  .dinby-soeg-rk { flex-wrap: wrap; }
  .dinby-soeg-rk input[type="search"] { flex: 1 1 100%; }
  .dinby-soeg-rk button { flex: 1 1 100%; }
  .dinby-filtre select { max-width: none; width: 100%; }
  .dinby-filtre label { flex: 1 1 100%; }
  .dinby-traf h3 { font-size: 18px; }
  /* Én spalte. Resumeet står først i HTML'en, så det læses før sagens gang. */
  .dinby-sagkolonner { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .dinby-sagkolonner > .dinby-resume,
  .dinby-sagkolonner > .dinby-sagkrop { grid-column: 1; grid-row: auto; }
  .dinby-resume { position: static; }
  .dinby-moede-hoved { flex-wrap: wrap; gap: 12px; }
  .dinby-dagsorden > li { grid-template-columns: 1fr; gap: 2px; padding: 14px 16px; }
  .dinby-punkt-nr { padding-top: 0; }
  .dinby-gang > li { padding-left: 20px; }
}

/* Behandlingen venter på sit møde. Grøn og ikke grå, fordi den ikke er en
   mangel i materialet: den er det, der ligger foran os. */
.dinby-beh .mangler.venter { color: #2a995b; font-style: normal; font-weight: 600; }

/* ---- træf, der kun står i et bilag ---- */

/* Knappen slår bilagene til og fra. Den ser tændt ud, når de er med, fordi det
   er standarden: man skal kunne se hvad man søger i uden at læse teksten. */
.dinby-bilagknap {
  font-family: 'Overpass', sans-serif; font-size: 13px; font-weight: 600;
  text-decoration: none; color: #4a5c66;
  border: 1px solid #d7dbd2; border-radius: 999px;
  padding: 6px 14px; background: #fff;
  align-self: center; white-space: nowrap;
}
.dinby-bilagknap:hover { border-color: #2a995b; color: #2a995b; }
.dinby-bilagknap.paa { background: #eef6f0; border-color: #b6ddc4; color: #1f7a47; }

/* Selve markøren på træffet. Sandfarvet og ikke grøn: den er ikke en kvalitet
   ved sagen, den er et forbehold. */
.dinby-traf-bilag {
  font-family: 'Overpass', sans-serif; font-size: 13px; line-height: 160%;
  color: #6a5f43; background: #faf6ec;
  border-left: 3px solid #c8a33a; border-radius: 0 4px 4px 0;
  padding: 6px 11px; margin: 8px 0 0;
}
.dinby-traf-bilag .mrk {
  font-size: 10px; letter-spacing: .1em; text-transform: uppercase;
  font-weight: 700; color: #9c7d21; margin-right: 6px;
}
/* Hele træffet dæmpes en anelse, så øjet finder sagerne først i en blandet
   liste. Ikke mere end det: det er stadig et rigtigt træf. */
.dinby-traf.fra-bilag h3 a { color: #3c4c56; }

/* ---- valgperioderne på byoversigten ---- */

/* Indgangen til arkivet. Tre kort og ikke et link, fordi perioderne ER
   indgangen: de skifter udvalgene ud, og de siger med det samme hvor stort
   materialet er. Samme kortform som byerne, men i navy, så det er tydeligt at
   det er en anden slags snit end en by. */
.dinby-perioder {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
  margin-top: 22px;
}
.dinby-periode {
  display: block; text-decoration: none;
  background: #061f2c; border: 1px solid #061f2c; border-radius: 10px;
  padding: 20px 22px;
  box-shadow: 0 2px 10px rgba(6, 31, 44, .10);
  transition: box-shadow .2s ease, transform .2s ease;
}
.dinby-periode:hover, .dinby-periode:focus-visible {
  box-shadow: 0 8px 22px rgba(6, 31, 44, .22);
  transform: translateY(-2px);
}
.dinby-periode-navn {
  display: block; font-family: 'Rufina', serif;
  font-size: 26px; font-weight: 700; color: #fff;
  font-variant-numeric: tabular-nums;
}
.dinby-periode-tal {
  display: block; font-family: 'Overpass', sans-serif;
  font-size: 14px; font-weight: 700; color: #3eb666; margin-top: 8px;
}
.dinby-periode-sub,
.dinby-periode-spand {
  display: block; font-family: 'Overpass', sans-serif;
  font-size: 13px; color: #9fb0b9; margin-top: 2px;
}
.dinby-periode-spand { color: #7d919c; margin-top: 6px; font-variant-numeric: tabular-nums; }

@media (max-width: 760px) {
  .dinby-perioder { grid-template-columns: 1fr; }
}

/* Étlinjeren under et punkt på en dagsorden i arkivet. Samme form som i
   søgeresultatet, så «resume» betyder det samme begge steder. */
.dinby-punkt-kort {
  font-family: 'Overpass', sans-serif; font-size: 14px; line-height: 160%;
  color: #3f4c44; margin: 6px 0 0;
}
.dinby-punkt-kort .mrk {
  font-size: 10px; letter-spacing: .1em; text-transform: uppercase;
  font-weight: 700; color: #b9c0b6; margin-left: 8px; white-space: nowrap;
}

/* ---- bredden: hvad der fyldte for lidt ---- */

/* De her stod med en grænse, der var sat, dengang alt var en smal spalte, og
   de ligger alle sammen under sidens 1080px. Resultatet var en ujævn
   højrekant, hvor teksten stoppede et vilkårligt sted midt på siden.
   De må fylde den bredde ud, de står i. Læsebredden holdes af de blokke, der
   ER løbende tekst: manchet, intro og forklaring. */
.dinby-kilde,
.dinby-tomt,
.dinby-typeforklaring { max-width: none; }
/* «Kort fortalt» beholder sin læsebredde. Kassen fylder siden, men resumeet
   er fire sætningers brødtekst, og den skal kunne læses. */

/* Hele resumeet i et søgeresultat. Étlinjeren over den er Overpass og
   fungerer som overskrift; resumeet selv er brødtekst og får Merriweather,
   så de to ikke ligner den samme sætning skrevet to gange. */
.dinby-traf-res {
  font-family: 'Merriweather', serif; font-weight: 300;
  font-size: 14.5px; line-height: 178%; color: #3a4a54;
  margin: 5px 0 0; max-width: 58em;
}

/* Afsnittets forside fik en rigtig h1 i stedet for en h2, fordi den stod helt
   uden h1, mens hver underside havde en. Men style.css' regel hedder
   «.home_s3 h2.section-title» og rammer kun h2, så overskriften mistede både
   skrift, størrelse og centrering i samme greb. Den her giver den tilbage. */
.home_s3 h1.section-title {
  font-family: 'Rufina', serif;
  font-size: 36px;
  font-weight: 700;
  color: #061f2c;
  text-align: center;
  letter-spacing: normal;
  margin-top: 6px;
}

/* Mærkatet efter resumeet. Det stod uden regel på .dinby-traf-res og klistrede
   sig fast i den sidste sætning: «Udvalget godkendte regnskabet.resume». */
.dinby-traf-res .mrk {
  font-family: 'Overpass', sans-serif;
  font-size: 10px; letter-spacing: .1em; text-transform: uppercase;
  font-weight: 700; color: #b9c0b6;
  margin-left: 8px; white-space: nowrap;
}

/* Fraværslisten. Den stod før som en del af beslutningsteksten, så siden
   skrev «Besluttet: Fraværende: Mark O. Madsen (L), Fravær med afbud pga.
   arbejde». Nu står den for sig, dæmpet, under afgørelsen. */
/* Vælgeren må IKKE hænge på .dinby-beh. dinby_afgoerelse() bruges både på
   bysiden, hvor behandlingerne ligger i .dinby-beh, og på sagssiden, hvor de
   ikke gør. Med .dinby-beh foran stod «Fraværende» ustylet på sagssiden og
   klistrede sig fast i det første navn. */
.dinby .frav {
  display: block;
  font-family: 'Overpass', sans-serif; font-size: 12.5px; line-height: 155%;
  color: #8a949b; margin-top: 7px;
}
.dinby .frav .mrk {
  font-size: 10px; letter-spacing: .1em; text-transform: uppercase;
  font-weight: 700; color: #b0b8bd; margin-right: 8px;
}

/* ---- bilagene på en sag ---- */

/* Dokumenterne bag sagen. Filerne ligger ikke her, hvert navn er et link til
   kommunens egen dokumentviser. Rækker og ikke en stablet liste, af samme
   grund som arkivlisterne: navnene er korte, og tal og dato hører til på
   linjen og ikke under den. */
.dinby-bilagsliste { list-style: none; margin: 16px 0 0; padding: 0; }
.dinby-bilagsliste li {
  display: grid;
  grid-template-columns: 1fr 7em 7em;
  align-items: start;
  gap: 4px 20px;
  padding: 14px 0;
  border-bottom: 1px solid #eef0ea;
}
.dinby-bilagsliste .navn { min-width: 0; }
/* Hvad for et dokument det er. Lille og gråt: det er en etiket og ikke en
   overskrift, og der står ét ord i den. */
.dinby-bilagsliste .slags {
  display: inline-block; margin-left: 10px;
  font-family: 'Overpass', sans-serif; font-size: 11px; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase; color: #7d8a80;
  background: #f2f3ee; border-radius: 3px; padding: 2px 7px;
  vertical-align: 2px; white-space: nowrap;
}
.dinby-bilagsliste .kort {
  font-family: 'Overpass', sans-serif; font-size: 14px; line-height: 158%;
  color: #3f4c44; margin: 5px 0 0;
}
.dinby-bilagsliste .kort .mrk {
  font-size: 10px; letter-spacing: .1em; text-transform: uppercase;
  font-weight: 700; color: #b9c0b6; margin-left: 8px; white-space: nowrap;
}
.dinby-bilagsliste .res {
  font-family: 'Merriweather', serif; font-weight: 300;
  font-size: 14px; line-height: 178%; color: #4a5c66;
  margin: 4px 0 0; max-width: 56em;
}
/* Scannet og delvist ulæseligt. Sandfarvet som bilagstræffet i søgningen:
   begge er forbehold og ikke indhold. */
.dinby-bilagsliste .uklar {
  font-family: 'Overpass', sans-serif; font-size: 12.5px; line-height: 155%;
  color: #8a7742; background: #faf6ec;
  border-left: 3px solid #c8a33a; border-radius: 0 4px 4px 0;
  padding: 5px 10px; margin: 6px 0 0; max-width: 52em;
}
.dinby-bilagsliste li:first-child { border-top: 1px solid #eef0ea; }
.dinby-bilagsliste a {
  font-family: 'Overpass', sans-serif; font-size: 15px; font-weight: 600;
  color: #061f2c; text-decoration: none;
}
.dinby-bilagsliste a:hover { color: #2a995b; text-decoration: underline; text-underline-offset: 4px; }
.dinby-bilagsliste .tal, .dinby-bilagsliste .dato {
  font-family: 'Overpass', sans-serif; font-size: 12.5px; color: #a6ada4;
  text-align: right; font-variant-numeric: tabular-nums;
}
@media (max-width: 760px) {
  .dinby-bilagsliste li { grid-template-columns: 1fr; }
  .dinby-bilagsliste .tal, .dinby-bilagsliste .dato { text-align: left; }
}

/* Hvornår materialet er hentet. Den skal være til at finde, men den skal ikke
   fylde: den er et forbehold og ikke indhold. */
/* Centreret og med luft over. Den er sidens sidste linje og et forbehold, og
   den skal læses som en fodnote under det hele, ikke som en venstrestillet
   fortsættelse af afsnittet over den. */
.dinby-hentet {
  font-family: 'Overpass', sans-serif; font-size: 12.5px; color: #9aa5ab;
  margin: 26px 0 0; text-align: center;
}

/* Hele sagens resume under et punkt på en dagsorden i arkivet. Étlinjeren
   over den er Overpass og virker som overskrift; resumeet selv er brødtekst
   og får Merriweather, så de to ikke ligner den samme sætning skrevet to
   gange. Samme greb som i søgeresultatet. */
.dinby-punkt-res-hel {
  font-family: 'Merriweather', serif; font-weight: 300;
  font-size: 14.5px; line-height: 178%; color: #3a4a54;
  margin: 5px 0 0; max-width: 58em;
}