/* BF26 — fekete alap, FEHER folyoszoveg, PIROS design-elemek, plakat-karakter.

   Bertalan, 2026-09-02: "A folyo szovegnek nem kell pirosnak lennie; csak az ilyen
   nagyobb design elemeknek kell annak lennie. A folyo szoveg az lehet feher."

     PIROS  #FF0000  = wordmark, cimsorok, fulsav, "most megy" sav, keretek, jelolok
     FEHER  #F5F5F5  = MINDEN olvasnivalo: bekezdes, lista, programsor, nev, leiras
     KEK    #4EA8FF  = linkek es akcentek
     CITROM #F2E205  = a KITUZO markaeleme (IMG_0430: fekete, kezzel rajzolt "BF26"
                       citromsarga tomben). CSAK tartalmi plakat-tombkent hasznaljuk,
                       SOHA a kereten (fejlec / fulsav) — mert a citromsarga egyben
                       az egyik CSAPATSZIN is, es azt a jelentest nem higitjuk fel.

   Kontraszt #0A0A0A alapon (Pax merese 09-01 + a feher):
     feher 18,4:1 · #FF0000 5,25:1 (nagy betu) · #4EA8FF 8,4:1 · fekete a citromon 15,7:1
   A regi --piros (#FF6B6B, lazac) KIVEZETVE: a folyoszoveget a feher viszi. A hex
   csak programtipus-szinkent el tovabb (t-zene), ott nem szoveg, hanem savszin.
   Mobil eloszor. A sotet a fo felulet, nem kapcsolo. NINCS WEBFONT. */

:root{
  --hatter:#0A0A0A;
  --lap:#141414;
  --lap2:#1c1c1c;
  --keretszin:#2a2a2a;

  --piros:#FF0000;         /* NAGY design-elem: cimsor, keret, sav, blokk. NEM folyoszoveg. */
  --citrom:#F2E205;        /* a kituzo sargaja. Csak plakat-tomb, soha keret. */
  --kek:#4EA8FF;           /* akcent / linkek. Tiszta #0000FF = 2.4:1, tilos. */
  --feher:#F5F5F5;         /* A FOLYOSZOVEG. Minden olvasnivalo ezen a szinen van. */
  --szurke:#9a9a9a;        /* masodlagos: meta, halvany kiegeszites (6,4:1) */

  --keret:3px;
  --tab-magas:64px;
  --display:"Arial Black","Helvetica Neue",Impact,system-ui,sans-serif;
  --szoveg:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--hatter);color:var(--feher);
  font-family:var(--szoveg);font-size:17px;line-height:1.5;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--kek)}
a:focus-visible,button:focus-visible{outline:3px solid var(--kek);outline-offset:2px}
:target,[id]{scroll-margin-top:96px}

.ugras{position:absolute;left:-9999px}
.ugras:focus{left:8px;top:8px;z-index:200;background:var(--piros);color:#000;padding:12px 16px;font-weight:900}

.halvany{color:var(--szurke);font-size:15px}

/* ---------- fejlec ---------- */
.fejlec{
  position:sticky;top:0;z-index:40;background:var(--hatter);
  border-bottom:var(--keret) solid var(--piros);
  padding:calc(6px + env(safe-area-inset-top)) 12px 6px;
  display:flex;align-items:center;gap:10px;
}
.wordmark{
  display:inline-flex;gap:.06em;align-items:baseline;text-decoration:none;
  font-family:var(--display);font-size:32px;line-height:1;letter-spacing:-.02em;
  min-height:48px;align-items:center;
}
.wm-1{color:var(--piros)}
.wm-2{color:var(--feher)}
.fej-meta{margin:0;flex:1 1 auto;font-size:12px;font-weight:700;color:var(--szurke);line-height:1.2}
.info-gomb{
  flex:0 0 auto;min-height:44px;padding:6px 12px;cursor:pointer;
  background:transparent;color:var(--feher);border:2px solid var(--piros);border-radius:999px;
  font-size:13px;font-weight:800;letter-spacing:.02em;font-family:var(--szoveg);
}

/* ---------- also fulsav ---------- */
/* position: sticky, NEM fixed - iOS-en a fixed sav pinch-zoom kozben lecsuszik
   a kepernyorol es nem lehet megnyomni. (Pax B, kozepes bizonyossag, 09-06-an
   valodi iPhone-on ellenorizendo.) */
.tabbar{
  position:sticky;bottom:0;z-index:50;
  display:grid;grid-template-columns:repeat(4,1fr);
  background:var(--hatter);border-top:var(--keret) solid var(--piros);
  padding-bottom:env(safe-area-inset-bottom);
}
.tabbar a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  min-height:var(--tab-magas);padding:6px 4px;text-decoration:none;
  color:var(--feher);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
}
.tabbar a .e{font-size:22px;line-height:1}
.tabbar a.on{background:var(--piros);color:#000}
.tabbar a.on .c{font-weight:900}

/* ---------- kozos ---------- */
main{padding:0 0 24px;display:block}
.blokk{padding:18px 16px}
h1,h2,h3{font-family:var(--display);text-transform:uppercase;line-height:.98;margin:0 0 .35em;letter-spacing:-.01em}
h1{font-size:clamp(34px,11vw,60px);color:var(--piros)}
h2{font-size:clamp(30px,10vw,52px);color:var(--piros)}
h3{font-size:clamp(21px,6vw,30px);color:var(--piros)}
h4{font-family:var(--szoveg);font-size:18px;font-weight:800;margin:0 0 .2em;color:var(--feher);line-height:1.25}
h5{font-family:var(--szoveg);font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--piros);margin:1.2em 0 .3em}
p{margin:0 0 .85em}
hr{border:0;border-top:var(--keret) solid var(--piros);margin:20px 0}
code{background:var(--lap2);padding:1px 5px;border-radius:3px;font-size:.9em;color:var(--kek)}
blockquote{margin:0 0 1em;border-left:5px solid var(--piros);padding:2px 0 2px 14px}
strong{color:#fff}

.szalag{font-size:18px;letter-spacing:.4em;text-align:center;margin:0 0 8px;overflow:hidden;white-space:nowrap}

/* ---------- panelek ---------- */
/* JS nelkul MINDEN panel latszik, egymas alatt. Ez a JS-mentes valtozat. */
.js .panel{display:none}
.js .panel.on{display:block}
.panel{padding-bottom:8px}

/* ---------- TBD ---------- */
.tbd{
  display:inline-block;font-family:var(--szoveg);font-weight:900;font-size:12px;
  letter-spacing:.12em;text-transform:uppercase;color:#000;background:var(--piros);
  border:2px dashed #000;border-radius:4px;padding:1px 7px;vertical-align:middle;
}
.tbd-cimke{font-weight:700;opacity:.75}
.tbd-megjegyzes{color:var(--szurke);font-size:.85em;font-weight:600}
.tbd-sor{color:var(--szurke);font-size:14px;margin:.3em 0}

/* ---------- kartya ---------- */
.kartya{background:var(--lap);border:var(--keret) solid var(--piros);box-shadow:6px 6px 0 var(--kek);padding:16px;margin:0 0 18px}
.kartya h3{margin-top:0}

/* ---------- gombok ---------- */
.gomb{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:12px 18px;cursor:pointer;width:100%;
  background:var(--piros);color:#000;border:3px solid #000;
  font-family:var(--display);font-size:20px;text-transform:uppercase;letter-spacing:.02em;
}
.gomb.masodlagos{background:transparent;color:var(--feher);border:3px solid var(--piros);font-size:17px}

/* ---------- program ---------- */
.most-sav{
  position:sticky;top:56px;z-index:30;
  margin:0;padding:12px 16px;background:var(--piros);color:#000;
  border-bottom:var(--keret) solid #000;
}
.most-sav h3{color:#000;font-size:20px;margin-bottom:.3em}
.most-doboz{background:#000;color:var(--feher);padding:10px 12px;margin:0 0 8px}
.most-doboz .cimke{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.16em;background:var(--piros);color:#000;padding:2px 8px;margin-bottom:5px;text-transform:uppercase}
.most-doboz .kovetkezo-cimke{background:var(--feher)}
.most-doboz strong{font-family:var(--display);font-size:20px;display:block;line-height:1.1;text-transform:uppercase;color:var(--feher)}
.most-doboz .meta{font-size:14px;color:var(--szurke);margin-top:3px}
.most-doboz .most-link{display:inline-block;margin-top:6px;font-size:14px;font-weight:800;min-height:24px}
.most-ures{background:#000;color:var(--feher);padding:10px 12px;font-weight:700}

.napfulek{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 6px;scrollbar-width:none}
.napfulek::-webkit-scrollbar{display:none}
.napful{
  flex:0 0 auto;min-height:52px;padding:8px 14px;text-decoration:none;
  background:var(--hatter);color:var(--feher);border:2px solid var(--piros);
  font-family:var(--display);font-size:18px;text-transform:uppercase;line-height:1.1;
  display:flex;flex-direction:column;justify-content:center;
}
.napful small{font-family:var(--szoveg);font-size:11px;font-weight:700;letter-spacing:.05em}
.napful.on{background:var(--piros);color:#000;border-color:var(--piros)}

.nap{padding:6px 16px 20px}
.js .nap[hidden]{display:none}

.tetel{
  margin:0 0 12px;padding:12px 14px;background:var(--lap);
  border:1px solid var(--keretszin);border-left:8px solid var(--szurke);
}
.tetel-fej{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.tetel .ido{font-family:var(--display);font-size:20px;color:var(--piros);line-height:1.1;white-space:nowrap}
.tetel .ido small{display:block;font-family:var(--szoveg);font-size:11px;color:var(--szurke);font-weight:700}
.tetel .ido.idotlen{font-family:var(--szoveg)}
.tetel .cim{font-size:18px}
.tetel .cimkek{margin-top:5px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tetel .tipus{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;color:#000;background:var(--szurke)}
.tetel .leiras{margin:10px 0 0;font-size:15px}
.tetel .eloado{font-size:14px;color:var(--szurke);font-weight:700}
.tetel.most{outline:3px solid var(--piros);outline-offset:2px}
.tetel.kiemelt{outline:3px solid var(--kek);outline-offset:2px}

.atjarok{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
a.atjaro{
  display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 12px;
  border:2px solid var(--kek);color:var(--kek);text-decoration:none;
  font-size:14px;font-weight:800;border-radius:999px;
}
a.atjaro .nyil{color:var(--szurke);font-weight:700}

.tetel.t-zene{border-left-color:#FF6B6B}      .tetel.t-zene .tipus{background:#FF6B6B}
.tetel.t-fellepes{border-left-color:#FFB35C}  .tetel.t-fellepes .tipus{background:#FFB35C}
.tetel.t-verseny{border-left-color:#FFE066}   .tetel.t-verseny .tipus{background:#FFE066}
.tetel.t-workshop{border-left-color:#63d471}  .tetel.t-workshop .tipus{background:#63d471}
.tetel.t-kaja{border-left-color:#FF4FD8}      .tetel.t-kaja .tipus{background:#FF4FD8}
.tetel.t-szervezes{border-left-color:#4EA8FF} .tetel.t-szervezes .tipus{background:#4EA8FF}

.ures{text-align:center;padding:34px 16px;border:4px dashed var(--piros);margin:0 16px 20px;background:var(--lap)}
.ures strong{display:block;font-family:var(--display);font-size:clamp(30px,10vw,54px);color:var(--piros);text-transform:uppercase}
.ures p{color:var(--szurke);margin:.5em 0 0}

/* ---------- csapatok ---------- */
/* A csapatszinek CSAK a csapatoke (ciklamen / citromsarga / turkiz).
   Az oldal sajat palettaja tolük fuggetlen. */
.csapat{border:var(--keret) solid var(--szin);box-shadow:6px 6px 0 var(--szin);margin:0 0 22px;background:var(--lap)}
.csapat header{background:var(--szin);color:#000;padding:12px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.csapat header h3{margin:0;color:#000;font-size:clamp(20px,6vw,28px)}
.csapat header .emoji{font-size:26px;line-height:1}
.tagok{list-style:none;margin:0;padding:12px 14px;display:flex;flex-wrap:wrap;gap:8px}
.tagok .tag{
  background:var(--hatter);border:2px solid var(--szin);padding:6px 10px;
  min-height:44px;display:flex;flex-direction:column;justify-content:center;
}
.tag-fo{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.tag-nev{font-size:15px;font-weight:800;color:#fff}
/* KOR = a tarsasagi kor, ahonnan az illeto jon (Tancosok / Csalad / NASZ / ...).
   Bertalan ez alapjan rendezi ujra a csapatokat, ezert MINDEN nev mellett ott van
   — de halkan: a nev marad az elsodleges. Akinek nincs kore, annak NEM talalunk ki
   cimket, egyszeruen nem jelenik meg semmi. */
.tag-kor{
  font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--szurke);
  border:1px solid rgba(245,245,245,.28);border-radius:999px;padding:1px 7px;white-space:nowrap;
}
.tag-titulus{font-size:11px;color:var(--szurke);text-transform:uppercase;letter-spacing:.05em}
.tag-mikor{font-size:11px;color:var(--szurke);font-weight:700}
/* aki VEGIG itt van, annal ez csak halk megerosites - a 🕘 a reszleges jelenlete */
.tag-mikor.teljes{font-weight:400;opacity:.62}
.tag-megj{font-size:11px;color:var(--szurke)}
.tag.kiemelt{outline:3px solid var(--kek);outline-offset:3px}
.letszam{padding:0 14px 6px;color:var(--szurke);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
/* Kor-osszesito csapatonkent — ez az, amit Bertalan az ujraosztashoz nez. */
.korok{padding:0 14px 12px;margin:0;color:var(--szurke);font-size:12px;line-height:1.6}
.korok b{color:#fff;font-weight:800}
.korok .nincs{opacity:.75}

/* ---------- terkep ---------- */
.terkep-doboz{position:relative;margin:0 16px 12px;border:var(--keret) solid var(--piros);background:#000}
.terkep-doboz img{width:100%}
.pont{
  position:absolute;transform:translate(-50%,-50%);
  min-width:56px;min-height:56px;padding:0;border-radius:50%;
  background:var(--piros);color:#000;border:3px solid #000;
  font-weight:900;font-size:18px;cursor:pointer;display:grid;place-items:center;
}
.pont.p-veszely{background:#FFE066}
.pont.p-elsosegely{background:#fff}
.pont.p-viz{background:var(--kek)}
.jelmagyarazat{list-style:none;margin:0;padding:0}
.jelmagyarazat li{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--keretszin)}
.jelmagyarazat .szam{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--piros);color:#000;font-weight:900;border:2px solid #000}
.jelmagyarazat .szam.p-veszely{background:#FFE066}
.jelmagyarazat .szam.p-elsosegely{background:#fff}
.jelmagyarazat .szam.p-viz{background:var(--kek)}
.jelmagyarazat b{display:block;font-size:16px}
.jelmagyarazat .tipus-cimke{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--szurke)}
.jelmagyarazat p{margin:.2em 0 0;color:var(--szurke);font-size:14px}
.jelmagyarazat li.kiemelt{background:var(--lap2);outline:3px solid var(--kek);outline-offset:-3px}
.terkep-fig{padding:0 16px;color:var(--szurke);font-size:13px}

/* ---------- tamogatas ---------- */
.tamogatas{border:var(--keret) solid var(--kek);background:var(--lap);padding:16px;box-shadow:6px 6px 0 var(--piros)}
.tamogatas h3{color:var(--kek);margin-top:0}
.szamok{margin:0 0 12px;display:grid;gap:8px}
.szamok div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px dashed var(--keretszin);padding-bottom:6px}
.szamok dt{color:var(--szurke);font-size:14px;font-weight:700}
.szamok dd{margin:0;font-family:var(--display);font-size:22px;color:var(--feher)}
.szamok dd.nagy{font-size:30px;color:var(--piros)}
/* ---- a kituzo markaeleme: fekete display-betu citromsarga tomben ---------
   Forras: IMG_0430.JPG (BF26 kituzo). Ez az EGYETLEN hely, ahol a citromsarga
   az oldal sajat szinekent szerepel — a napi dij a legfontosabb szam az oldalon,
   es ez a tomb az, ami plakatta teszi. A csapatok citromsarga kartyaja messze van
   innen (Teams ful), igy nem keveredik ossze. */
.ar-tomb{
  background:var(--citrom);color:#000;border:4px solid #000;
  box-shadow:8px 8px 0 var(--piros);
  padding:14px 16px;margin:0 0 14px;transform:rotate(-1.2deg);
}
.ar-szam{display:block;font-family:var(--display);font-size:clamp(38px,13vw,64px);line-height:.92;text-transform:uppercase}
.ar-egyseg{display:block;margin-top:4px;font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.belyeg{
  display:inline-block;background:#000;color:var(--citrom);border:3px solid var(--citrom);
  font-family:var(--display);font-size:clamp(19px,6vw,26px);text-transform:uppercase;
  letter-spacing:.02em;padding:6px 12px;margin:0 0 12px;transform:rotate(1.6deg);
}
.tamogatas .keves{color:var(--szurke);font-size:14px}

/* ---------- veszhelyzet ---------- */
.veszhely{background:var(--piros);color:#000;padding:16px;margin:0 0 18px}
.veszhely h3{color:#000;margin-top:0}
.veszhely a{color:#000;font-weight:900}
.veszhely strong{color:#000}
.veszhely ul{list-style:none;margin:0;padding:0}
.veszhely li{padding:10px 0;border-top:2px solid #000}
.veszhely .tbd{background:#000;color:#fff;border-color:#fff}
.hivo{
  display:flex;align-items:center;justify-content:center;min-height:56px;width:100%;
  background:#000;color:var(--piros);font-family:var(--display);font-size:24px;
  text-decoration:none;text-transform:uppercase;margin:8px 0 12px;border:3px solid #000;
}
/* A ".veszhely a{color:#000}" erosebb, mint a ".hivo" - emiatt a "Call 112" felirat
   FEKETE volt FEKETE alapon, vagyis lathatatlan. A veszhelyzeti gomb az utolso hely,
   ahol ez belefer. (Talalva: 2026-09-02, headless render.) */
.veszhely a.hivo{color:var(--piros)}

/* ---- ELSOKENT HIVANDO --------------------------------------------------
   A baleseti folyamat elso lepese: "barki eszleli -> felhivja Bertalant".
   Ez nem programsor, hanem mentofelszereles, ezert:
     - INVERTALT a 112-hoz kepest (feher alap / fekete betu), hogy ranezesre
       masik dolog legyen, es hogy a kontraszt-hiba (fekete a feketen) itt
       fizikailag ne fordulhasson elo;
     - 68px magas, teljes szelessegu tapintofelulet — sotetben, remego kezzel;
     - a szam SAJAT SORBAN, display-betuvel, hogy hangosan felolvashato legyen.
   Vizualisan a gyogyszeres kontakt ELE kerul, mert a hivasi sorrend ez. */
.elso-hivas{margin:14px 0 0;border-top:2px solid #000;padding-top:12px}
.elso-cimke{
  margin:0 0 8px;color:#000;font-size:12px;font-weight:900;
  letter-spacing:.14em;text-transform:uppercase;
}
.veszhely a.hivo.elso{
  flex-direction:column;gap:3px;min-height:68px;margin:0;
  padding:10px 12px;text-transform:none;font-size:inherit;
  background:var(--feher);color:#000;border:3px solid #000;box-shadow:6px 6px 0 #000;
  /* A szam `white-space:nowrap`, Arial Blackben pedig szeles. E ket sor nelkul a
     sajat min-content szelessege kiszelesitene a piros kartyat egy keskeny
     telefonon, es a `body{overflow-x:hidden}` levagna a szam veget. */
  min-width:0;max-width:100%;
}
.elso-nev{font-family:var(--display);font-size:18px;text-transform:uppercase;line-height:1.05;text-align:center}
.elso-szam{
  font-family:var(--display);line-height:1;white-space:nowrap;
  /* Merve (headless render, 390px es 320px szeles iframe-ben, 2026-09-02):
     "+36 30 789 6760" a 7.2vw felso agan is belefer 320px-en. Nagyobb, mint a
     "Call 112" felirat — ez a szam az, amit sotetben fel kell tudni olvasni. */
  font-size:clamp(21px,7.2vw,32px);max-width:100%;
}
.elso-szerep{margin:10px 0 0;color:#000;font-size:13px;font-weight:800}
.veszhely .nincs-szam{display:block;font-size:14px;line-height:1.45}
.veszhely .allapot{font-weight:900;text-transform:uppercase;letter-spacing:.04em}

/* ---------- visszaszamlalo ---------- */
.visszaszamlalo{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.visszaszamlalo div{background:var(--lap);border:2px solid var(--piros);min-width:66px;padding:8px 6px;text-align:center}
.visszaszamlalo b{display:block;font-family:var(--display);font-size:26px;line-height:1;color:var(--piros)}
.visszaszamlalo span{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--szurke)}

/* ---------- pop-up ---------- */
.ov{
  padding:0;border:var(--keret) solid var(--piros);background:var(--lap);
  color:var(--feher);width:min(560px,94vw);max-height:88dvh;
  overflow:hidden;
}
.ov::backdrop{background:rgba(0,0,0,.94)}
.ov-belso{display:flex;flex-direction:column;max-height:88dvh;padding:16px}
.ov h2{margin-top:0;font-size:clamp(26px,8vw,40px)}
.ov-torzs{
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  flex:1 1 auto;padding-right:4px;
}
.ov-torzs h2{font-size:24px}
.ov-torzs h3{font-size:20px;margin-top:1em}
.ov-torzs p,.ov-torzs li{font-size:17px}
.ov-jel{margin:8px 0 0;text-align:center;font-size:13px;font-weight:800;color:var(--szurke);letter-spacing:.08em;text-transform:uppercase}
.ov-gomb{margin-top:10px;flex:0 0 auto}
.ov-gomb[disabled]{background:var(--keretszin);color:var(--szurke);border-color:#000;cursor:not-allowed}

/* ---------- proza, tablazat ---------- */
.proza h2{margin-top:1em}
.proza h3{margin-top:1.1em}
.proza ul,.proza ol{padding-left:22px}
.proza li{margin-bottom:.35em}
.tablazat{overflow-x:auto;margin:0 0 1em}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{border:1px solid var(--keretszin);padding:8px 10px;text-align:left}
th{background:var(--lap2);color:var(--piros);text-transform:uppercase;font-size:13px;letter-spacing:.05em}

/* ---------- lablec ---------- */
.lablec{padding:20px 16px 28px;border-top:var(--keret) solid var(--piros);color:var(--szurke);font-size:13px;text-align:center;margin-top:20px}

/* ---------- szeles kepernyo ---------- */
@media (min-width:720px){
  body{font-size:18px}
  main,.tabbar{max-width:920px;margin-left:auto;margin-right:auto}
  .tagok{gap:10px}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
.nojs .csak-js{display:none}