/* Reference — veřejná stránka /reference (nad stranka.css).
   Stránka motiv čtečky NEDĚDÍ (nemá _theme-bootstrap) — je to akviziční plocha jako
   landing a stojí na bílé. Tokeny tak drží světlé hodnoty z :root.
   Sekce na landingu má vlastní obal v landing.css, ale STEJNÉ třídy .ref-* uvnitř
   (partial `_reference-polozka`), aby se obě místa nemohla rozejít. */

  /* stranka.css staví body na var(--bg-soft) — tady chceme čistou bílou jako landing */
  body{background:#fff}

  .ref{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin-bottom:16px}
  .ref-citace{margin:0;border-left:3px solid var(--primary);padding-left:16px}
  .ref-citace p{font-size:15.5px;color:var(--ink);margin:0 0 10px}
  .ref-citace p:last-child{margin-bottom:0}

  /* Metadata reference. Štítek původu (.ref-puvod) je povinný a NESMÍ být potlačený —
     drží stejnou velikost písma jako zbytek metadat, žádný tooltip, žádné zmenšení. */
  .ref-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px}
  .ref-meta > *{font-size:14px}
  .ref-jmeno{font-family:var(--display);font-weight:600;font-style:normal;color:var(--ink)}
  .ref-role{color:var(--muted)}
  .ref-puvod{font-weight:600;color:var(--primary-dark);background:var(--primary-soft);
    border:1px solid var(--line);border-radius:99px;padding:3px 12px}
  .ref-datum{color:var(--muted)}
  .ref-zdroj{color:var(--primary);font-weight:600;text-decoration:none}
  .ref-zdroj:hover{text-decoration:underline}

  .ref-empty{color:var(--muted);padding:26px 0}

  /* Povinná poznámka o způsobu získávání a ověřování referencí — drobným písmem,
     ale čitelně a trvale viditelně (ne pod rozklikávátkem). */
  /* podklad z --bg-soft: stránka je nově bílá, takže se poznámka od ní odliší
     (dřív to bylo obráceně — stránka stála na --bg-soft a poznámka byla bílá) */
  .ref-note{font-size:13px;line-height:1.65;color:var(--muted);background:var(--bg-soft);
    border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:26px 0 0;max-width:none}

  @media(max-width:600px){
    .ref{padding:16px 16px}
    .ref-citace{padding-left:12px}
  }