/* Olaylar sekmesi (panel/olaylar.js): süzgeç (A1 bölümlü seçici: Hepsi / Seçili diyar /
   Savaş / Diplomasi / Yapı), güne göre gruplu liste (yapışkan gün başlığı), satırda olay türünün
   simgesi kategori renginde (savaş tuğla, diplomasi zeytin, yapı pirinç, doğa arduvaz, halk
   soluk), okunur yazı;
   önemli ve kötü olaylar ana yazı renginde, ötekiler ikincil. */

/* süzgeç: A1'in bölümlü seçicisi (css/bilesen/dugme.css); dar panelde satır kırar */
.suzgec { display: flex; flex-wrap: wrap; margin-bottom: var(--bosluk-4); }
.suzgec > button { flex: 1 1 auto; padding: 0 var(--bosluk-4); font-size: var(--boy-2); }

.o-gun + .o-gun { margin-top: var(--bosluk-4); }
.o-gun-bas { position: sticky; top: calc(-1 * var(--bosluk-5)); z-index: 1;
  padding: var(--bosluk-3) 0 var(--bosluk-2); border-bottom: 1px solid var(--cizgi);
  background: var(--zemin-0); color: var(--yazi-2);
  font: 600 var(--boy-4)/1.2 var(--aile-serif); font-variant: small-caps; letter-spacing: .03em; }
.o-gun ol { list-style: none; padding: 0; }
.o-olay { display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: var(--bosluk-4);
  align-items: baseline; padding: var(--bosluk-3) var(--bosluk-2);
  border-bottom: 1px solid var(--cizgi-ince); color: var(--yazi-2); cursor: pointer; }
.o-olay:hover { background: var(--zemin-1); }
.o-olay.ton-kotu, .o-olay.ton-onemli, .o-olay.ton-onursuz { color: var(--yazi-1); }
.o-adet { margin-left: var(--bosluk-3); color: var(--yazi-3); font-size: var(--boy-2);
  white-space: nowrap; }
.o-simge { align-self: start; margin-top: 2px; color: var(--yazi-3); }
.o-simge.kat-savas { color: var(--kotu-yazi); }
.o-simge.kat-diplomasi { color: var(--iyi); }
.o-simge.kat-yapi { color: var(--vurgu); }
.o-simge.kat-doga { color: var(--bilgi); }
.o-bos { color: var(--yazi-3); font-style: italic; }