/* Stílblað VAR-herbergisins - sameiginlegt öllum síðum miðilsins.

   Tokarnir hér eru þeir sömu og í fyrstu (kyrrstæðu) útgáfu draftannálsins:
   grasgrænn haus (#1e5b3a), gullinn broddur (#a5821f) og ljósgrunnur
   (#f4f6f1) á degi, dökkt þema sjálfvirkt eftir `prefers-color-scheme`.
   Bricolage Grotesque ber fyrirsagnir, Source Serif 4 ber lesmál - sama
   leturparið og áður, sótt á Google Fonts í `snid.py`.

   Viðbætur við grunninn úr draftannálnum, fyrir margar síður í stað einnar:
   - `.haus-nav`   valmyndarlínan í haus (Forsíða, Viðskipti, Verðlaun,
                   Draftannáll).
   - `.grein-listi` greinalisti forsíðunnar.
   - `.lidsnafn`   `overflow-wrap: anywhere` á hvern reit sem ber liðsheiti -
                   sjá CLAUDE.md um myndprófun: eitt langt liðsheiti í
                   flex-dálki þenur hann annars út fyrir skjáinn, því
                   `break-word` telur brotpunktana ekki með í lágmarksbreidd.
*/

:root {
  --grunnur: #f4f6f1;
  --flotur: #ffffff;
  --blek: #1c2420;
  --daemt: #5c6b60;
  --gras: #1e5b3a;
  --gras-blek: #ffffff;
  --gull: #a5821f;
  --lina: #d9dfd5;
  --randi: #e9ede5;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --grunnur: #121915;
    --flotur: #1a231e;
    --blek: #e6ece5;
    --daemt: #93a398;
    --gras: #3f8f63;
    --gras-blek: #0f1712;
    --gull: #d3b04a;
    --lina: #2c372f;
    --randi: #202b24;
  }
}

:root[data-theme="dark"] {
  --grunnur: #121915;
  --flotur: #1a231e;
  --blek: #e6ece5;
  --daemt: #93a398;
  --gras: #3f8f63;
  --gras-blek: #0f1712;
  --gull: #d3b04a;
  --lina: #2c372f;
  --randi: #202b24;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--grunnur);
  color: var(--blek);
  font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
  font-size: 1.0625rem;
  line-height: 1.65;
}

a { color: var(--gras); }

/* --- Haus og valmynd --------------------------------------------------- */

.haus {
  background: var(--gras);
  color: var(--gras-blek);
  padding: 1.4rem 1.25rem;
}

.haus-inn {
  max-width: 42rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem 1.5rem;
}

.heiti-tengill {
  color: inherit;
  text-decoration: none;
}

.heiti {
  font-family: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  font-weight: 800;
  font-size: 1.4rem;
  letter-spacing: -0.01em;
}

.haus-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 1.25rem;
  font-family: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  font-weight: 700;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.haus-nav a {
  color: inherit;
  text-decoration: none;
  opacity: 0.85;
  padding-bottom: 2px;
  border-bottom: 2px solid transparent;
}

.haus-nav a:hover,
.haus-nav a:focus-visible {
  opacity: 1;
  border-bottom-color: currentColor;
}

.yfirskrift {
  font-family: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.85;
  margin: 0 0 0.75rem;
}

h1 {
  font-family: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  font-weight: 800;
  font-size: clamp(2rem, 6vw, 3rem);
  line-height: 1.05;
  margin: 0 0 1rem;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

h2 {
  font-family: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  font-weight: 800;
  font-size: 1.55rem;
  line-height: 1.1;
  margin: 0;
  overflow-wrap: anywhere;
}

h3 {
  font-family: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  font-weight: 800;
  font-size: 1.4rem;
  margin: 0 0 1rem;
}

main {
  max-width: 42rem;
  margin: 0 auto;
  padding: 2.5rem 1.25rem 4rem;
}

.adferd {
  border-left: 3px solid var(--gull);
  padding: 0.25rem 0 0.25rem 1.1rem;
  color: var(--daemt);
  font-size: 0.95rem;
  margin: 0 0 2.5rem;
}

/* --- Greinar ------------------------------------------------------------ */

article {
  background: var(--flotur);
  border: 1px solid var(--lina);
  border-radius: 6px;
  padding: 1.6rem 1.5rem 1.4rem;
  margin: 0 0 1.5rem;
}

.saeti-lina {
  display: flex;
  align-items: baseline;
  gap: 0.9rem;
  flex-wrap: wrap;
}

.saeti {
  font-family: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  font-weight: 800;
  font-size: 2.4rem;
  line-height: 1;
  color: var(--gull);
  font-variant-numeric: tabular-nums;
  min-width: 2ch;
}

.uppnefni {
  font-style: italic;
  color: var(--daemt);
  margin: 0.35rem 0 0;
  font-size: 1rem;
}

.tolur {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1.4rem;
  font-family: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--daemt);
  border-top: 1px solid var(--lina);
  border-bottom: 1px solid var(--lina);
  padding: 0.55rem 0;
  margin: 1.1rem 0;
  font-variant-numeric: tabular-nums;
}

.tolur strong { color: var(--blek); font-weight: 700; }

article p { margin: 0 0 0.9rem; }
article p:last-child { margin-bottom: 0; }

.ros-thyrnir { margin-top: 1.1rem; display: grid; gap: 0.45rem; font-size: 0.98rem; }

.ros-thyrnir b {
  font-family: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
}

.ros b { color: var(--gras); }
.thyrnir b { color: var(--gull); }

/* --- Grein-haus (draftannáll o.fl.) --------------------------------------

   Grænt kynningarkort ofan við meginmál greinar - sama sjónræna hugmynd og
   jaðar-í-jaðar borðinn í upprunalega (kyrrstæða) draftannáls-skjalinu, en
   sem kort INNAN `main` frekar en jaðar-í-jaðar borði fyrir ofan hann, því
   `sida()` límir `meginmal` inn í `<main>` sem þegar ber breiddartakmörkun
   og spássíu. `.haus` sjálft er þegar tekið af sídunavvalmyndinni í
   `snid._haus()`, þess vegna `.grein-`-forskeytið hér. */

.grein-haus {
  background: var(--gras);
  color: var(--gras-blek);
  padding: 2.25rem 1.5rem 2rem;
  border-radius: 6px;
  margin: 0 0 2rem;
}

.grein-haus h1 { margin: 0 0 1rem; }

.grein-haus p {
  max-width: 36rem;
  margin: 0;
  font-size: 1.05rem;
  opacity: 0.94;
}

/* Greinar sem enda á eigin lokaorðum (t.d. fyrirvara um að staðan geti
   breyst) - létt á litinn, ekki jafn áberandi og `.adferd`-innskotið efst. */
.grein-fotur {
  color: var(--daemt);
  font-size: 0.9rem;
  margin-top: 2.5rem;
}

/* --- Greinalisti forsíðunnar --------------------------------------------- */

.grein-listi {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
}

.grein-listi li {
  background: var(--flotur);
  border: 1px solid var(--lina);
  border-radius: 6px;
  padding: 1.1rem 1.25rem;
}

.grein-listi a {
  color: inherit;
  text-decoration: none;
  font-family: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
  overflow-wrap: anywhere;
}

.grein-listi a:hover { color: var(--gras); }

.grein-dags {
  display: block;
  font-family: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--daemt);
  margin-bottom: 0.35rem;
  font-variant-numeric: tabular-nums;
}

.grein-lysing {
  margin: 0.4rem 0 0;
  color: var(--daemt);
  font-size: 0.95rem;
}

/* --- Töflur -------------------------------------------------------------- */

.pallur { margin-top: 3rem; }

table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.98rem;
}

td, th { padding: 0.6rem 0.75rem; vertical-align: top; text-align: left; }

tr:nth-child(odd) td { background: var(--randi); }

td:first-child,
th:first-child {
  font-family: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  font-weight: 700;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gras);
}

/* Reitir sem bera liðsheiti: liðaheiti í Egilsdeildinni koma frá stjórunum
   sjálfum og geta verið hvað sem er, löng orð meðtalin (sjá dæmi:
   "HorniCek: Saka DeezNuts?"). `anywhere` brýtur ef þarf, ólíkt
   `break-word` sem lætur reitinn þenjast út fyrir skjáinn í staðinn. */
.lidsnafn { overflow-wrap: anywhere; }

.tafla-umbud {
  overflow-x: auto;
  border: 1px solid var(--lina);
  border-radius: 6px;
}

/* --- Fótur ---------------------------------------------------------------- */

footer {
  max-width: 42rem;
  margin: 0 auto;
  padding: 0 1.25rem 3rem;
  color: var(--daemt);
  font-size: 0.9rem;
}