/* ═══════════════════════════════════════════════════════════════════
   TERMINA — SESTAVNI DELI, KI SE PONAVLJAJO

   Kar stoji na treh ali več straneh z istim namenom. Nič drugega: kos,
   ki obstaja enkrat, sodi na svojo stran, in predčasna posplošitev je
   slabša od podvojitve.

   Zakaj ta datoteka sploh nastane. Strani so nosile 949 vrstic
   vrstičnega CSS in 68 izbirnikov je bilo določenih v več kot eni
   datoteki. To ni okus, ampak tveganje: kartica je imela PET različic
   (moj in sporočila s senco, plošča z drugim odmikom, ekipa brez sence,
   pravni strani nekaj čisto tretjega), naslov kartice dva različna
   spodnja odmika, glava strani pa je isto vrstico prepisovala trikrat.
   Vsaka razlika je bila neopažena, ker je nastala v drugi datoteki.

   Kaj tu NE stoji: barve. Te so v podoba.css in ta se naloži za to
   datoteko, ker tema prepiše obliko. Tu je postavitev — mere, razmiki,
   poravnave. Kjer se je vrednost razlikovala, je izbrana večinska in
   razlika je zapisana v opombi, da se ve, da je bila odločitev.

   Naloži se ZA lupina.css in PRED postavitev.css/podoba.css, na istem
   mestu, kjer je prej stal vrstični <style>.
   ═══════════════════════════════════════════════════════════════════ */

/* ── glava strani ──────────────────────────────────────────────────
   Desna stran navigacije: povezave, ikona sporočil, izbirnik jezika.
   Ista vrstica na moj, plošči in sporočilih. */
nav .r{display:flex;align-items:center;gap:18px;font-size:var(--t-md);color:var(--kamen)}
nav .r a:hover,nav .r .btn-link:hover{color:var(--noc)}

/* ── kartica ───────────────────────────────────────────────────────
   Ploskev, na kateri stoji en razdelek. Barvo in rob ji da
   postavitev.css oziroma podoba.css; tu je samo mera.

   Odmik 24 px: tako imata moj in plošča, ekipa je imela 22/20. Naslov
   dobi 16 px pod sabo — plošča je imela 18 in razlika ni bila namerna. */
.card{padding:24px;margin-bottom:18px}
.card h2{
  font-family:var(--display);font-weight:400;font-size:var(--t-lg);
  margin-bottom:16px;display:flex;align-items:center;gap:11px;
}
/* Znak ob naslovu kartice. Tarča ni klikljiva, zato 26 px in ne 44. */
.card h2 .ic{
  width:26px;height:26px;border-radius:var(--r-drobno);
  background:var(--tan-mehki);color:var(--mrak);
  display:grid;place-items:center;font-size:var(--t-md);flex:none;
}

/* ── vrstica pod obrazcem ──────────────────────────────────────────
   »Še nimaš računa?« in podobno. */
.switch{margin-top:16px;font-size:var(--t-sm);color:var(--kamen)}

/* ── dno strani ────────────────────────────────────────────────────
   Prostor pod vsebino, da je zadnja vrstica nad spodnjo vrstico
   zavihkov in ne pod njo. 64 px je imela večina, ekipa 72. */
main{padding-bottom:64px}