/* Install page on the uzletipilota.hu /vegleges/ look (card 501c71a7, Zoltán TG 66890):
   Archivo (display) + Instrument Sans (body), night ink header, hero and footer, light
   sections in between, lamp amber (signal) as the accent, mint for done, radar for running.
   Fonts and tokens are byte copies of services/uzletipilota-fooldal (betuk/, vegleges/stilus.css),
   served from the instance's own /static/betuk/. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 900;font-display:swap;src:url(/static/betuk/archivo-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 900;font-display:swap;src:url(/static/betuk/archivo-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/betuk/instrument-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/betuk/instrument-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* /vegleges/ tokens */
  --ink:#070C18;
  --ink-2:#0D1526;
  --ink-3:#141F36;
  --ink-4:#1D2B48;
  --on-ink:#E8EDF5;
  --on-ink-2:#AEB9CC;
  --signal:#FFB020;
  --signal-2:#FF8E24;
  --signal-soft:#FFF3DC;
  --signal-text:#7A4A00;
  --radar:#2DC4DA;
  --mint:#2ECF92;
  --mint-dark:#13734F;
  --paper:#FFFFFF;
  --paper-2:#F1F4F9;
  --line:#DCE3ED;
  --muted:#4F5B72;
  --fd:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fb:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease-out:cubic-bezier(.22,1,.36,1);
  /* install-page only: running (radar family, text-safe on white) and failed. The /vegleges/
     palette has no red; a failed step still needs one. Both >= 4.5:1 on #FFFFFF and #F1F4F9. */
  --fut:#0B6B7A;
  --hiba:#B42318;
  --mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,'Liberation Mono',monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--fb);font-size:18px;line-height:1.6}
a{color:var(--signal-text);text-underline-offset:3px}
a:hover{color:var(--ink)}
img,svg{max-width:100%}
h1,h2{font-family:var(--fd);line-height:1.12;margin:0 0 .5em;font-weight:800;letter-spacing:-.015em}
h1{font-size:clamp(2rem,4.2vw,3.25rem)}
h2{font-size:clamp(1.6rem,2.8vw,2.3rem)}
p{margin:0 0 1em}
.keret{max-width:1120px;margin:0 auto;padding:0 24px}
.ugro{position:absolute;left:-9999px;top:0}
.ugro:focus{left:16px;top:12px;background:var(--signal);color:var(--ink);padding:10px 14px;font-weight:700;border-radius:8px;z-index:60}
:focus-visible{outline:3px solid var(--signal);outline-offset:3px}

/* header: night bar as on /vegleges/ */
.fej{position:relative;z-index:5;background:var(--ink);border-bottom:1px solid rgba(255,255,255,.07)}
.fej-belso{display:flex;align-items:center;justify-content:space-between;min-height:76px}
.marka{display:inline-flex;align-items:center}
.marka img{height:48px;width:auto;display:block}
/* the KK logo's wordmark is dark grey: on the night bar it sits on a white chip */
.marka.csak-tg{background:#fff;border-radius:10px;padding:4px 10px}
/* the mobile page's bare logo img: the chip is a spread shadow, so the img box keeps its native 2:1 */
.kk-mobil-oldal .fej img{background:#fff;border-radius:6px;box-shadow:0 0 0 6px #fff;margin:6px}
.marka.csak-tg img{height:40px}
.fej-nav{display:flex;gap:4px}
.fej-nav a{color:var(--on-ink);text-decoration:none;font-weight:500;font-size:.95rem;padding:10px 12px;border-radius:8px;transition:background .2s,color .2s}
.fej-nav a:hover{background:rgba(255,255,255,.07);color:#fff}

/* hero: the /vegleges/ colour field (card f93dcc8d, 501c71a7, Zoltán TG 67070). The colours and the desktop layers are a
   copy of uzletipilota-fooldal/eszkoz/vegleges.css .hos (read 2026-11-02): same seven colours, same base linear stops.
   Text sits left on blue and indigo, the warm colours behind the terminal on the right, as on /vegleges/. */
:root{
  --szin-kek:43,71,242;
  --szin-indigo:30,28,150;
  --szin-ibolya:124,44,214;
  --szin-magenta:226,54,140;
  --szin-korall:255,98,70;
  --szin-borostyan:255,176,32;
  --szin-cian:45,196,218;
  --hos-atmenet:96px;
}
.hos-sav{position:relative;isolation:isolate;color:var(--on-ink);background:
  radial-gradient(34% 46% at 66% 0%,rgba(var(--szin-borostyan),1),rgba(var(--szin-borostyan),.55) 42%,transparent 74%),
  radial-gradient(30% 56% at 100% 16%,rgba(var(--szin-korall),1),rgba(var(--szin-korall),.5) 48%,transparent 76%),
  radial-gradient(36% 46% at 96% 70%,rgba(var(--szin-magenta),.95),rgba(var(--szin-magenta),.4) 50%,transparent 74%),
  radial-gradient(36% 42% at 62% 82%,rgba(var(--szin-ibolya),.9),transparent 72%),
  radial-gradient(30% 34% at 20% 100%,rgba(var(--szin-korall),.75),transparent 72%),
  radial-gradient(22% 30% at 80% 44%,rgba(var(--szin-cian),.6),transparent 72%),
  radial-gradient(56% 74% at 0% 0%,rgba(var(--szin-kek),1),rgba(var(--szin-kek),.6) 40%,transparent 72%),
  linear-gradient(165deg,#2338D8 0%,#1B23A6 38%,#2A1C94 66%,#4A1F96 100%)}
/* bottom fade into the white section below; the hero reserves the room, so no text sits on it */
.hos-sav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--hos-atmenet);z-index:-1;pointer-events:none;
  background:linear-gradient(to top,var(--paper) 0%,rgba(255,255,255,.957) 12.5%,rgba(255,255,255,.844) 25%,rgba(255,255,255,.684) 37.5%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.316) 62.5%,rgba(255,255,255,.156) 75%,rgba(255,255,255,.043) 87.5%,rgba(255,255,255,0) 100%)}
.hos-sav .hos{padding-bottom:calc(72px + var(--hos-atmenet))}
.hos-sav .hos .megjegyzes,.hos-sav .hos .bevezeto{color:var(--on-ink)}
@media (max-width:900px){
  /* phone: the text runs the whole width, so the warm colours move from the top right to the terminal band at the
     bottom (anchored to the bottom in px, so they stay behind the terminal however long the text gets) */
  :root{--hos-atmenet:56px}
  .hos-sav{background:
    radial-gradient(240px 190px at 82% calc(100% - 300px),rgba(var(--szin-borostyan),1),rgba(var(--szin-borostyan),.5) 46%,transparent 76%),
    radial-gradient(220px 230px at 104% calc(100% - 160px),rgba(var(--szin-korall),1),rgba(var(--szin-korall),.45) 50%,transparent 76%),
    radial-gradient(230px 210px at 0% calc(100% - 170px),rgba(var(--szin-magenta),.95),rgba(var(--szin-magenta),.4) 50%,transparent 76%),
    radial-gradient(150px 110px at 34% calc(100% - 290px),rgba(var(--szin-cian),.6),transparent 72%),
    radial-gradient(300px 260px at 100% 30%,rgba(var(--szin-ibolya),.9),transparent 74%),
    radial-gradient(260px 260px at 0% 100%,rgba(var(--szin-korall),.7),transparent 72%),
    radial-gradient(320px 300px at 100% 100%,rgba(var(--szin-magenta),.7),transparent 72%),
    radial-gradient(360px 260px at 0% 0%,rgba(var(--szin-kek),1),transparent 72%),
    linear-gradient(170deg,#2338D8 0%,#1B23A6 40%,#2A1C94 70%,#4A1F96 100%)}
  .hos-sav .hos{padding-bottom:calc(48px + var(--hos-atmenet))}
}
.hos{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:64px;padding-bottom:72px}
.hos h1{color:#fff}
.koszones{font-family:var(--fd);font-size:1.15rem;font-weight:700;color:var(--signal);min-height:1.6em;margin-bottom:.6em}
/* Thank-you band after a fresh order (card c11d19e7) */
.koszonjuk-sav{background:var(--signal-soft);color:var(--signal-text);border-bottom:1px solid rgba(122,74,0,.18);padding:1rem 0}
.koszonjuk-sav p{margin:0;max-width:62ch}
.koszonjuk-sav .koszonjuk-cim{font-family:var(--fd);font-weight:700;font-size:1.15rem;margin-bottom:.25em}
.bevezeto{font-size:1.2rem;color:var(--muted);max-width:34em}
.hos .bevezeto,.hos .megjegyzes{color:var(--on-ink-2)}
.hos a{color:var(--signal)}
.hos a:hover{color:#fff}
.mobil-figyelem{border-left:4px solid var(--signal);padding:10px 14px;background:var(--ink-3);border-radius:0 8px 8px 0}
.hos-abra svg{display:block;width:100%;height:auto}

.sav{border-top:1px solid var(--line);padding:64px 0}
.sav-allapot{background:var(--paper-2)}
.ket-oszlop{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}
.oldal-abra svg{display:block;width:100%;max-width:420px;height:auto;margin:0 auto}
.ember-abra svg{display:block;width:100%;max-width:640px;height:auto;margin:8px 0 28px}

/* OS switch: on the night hero, the chosen one is the amber pill */
.os-valto{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:var(--ink-2);margin:4px 0 18px}
.os-valto button{font:inherit;font-family:var(--fd);font-weight:700;font-size:1rem;background:transparent;color:var(--on-ink);border:0;border-radius:8px;padding:10px 20px;min-height:44px;cursor:pointer;transition:background .2s,color .2s}
.os-valto button:hover{background:rgba(255,255,255,.07)}
.os-valto button[aria-selected="true"]{background:var(--signal);color:var(--ink)}
.os-valto button:focus-visible{outline:3px solid var(--signal);outline-offset:2px}
.os-leiras{max-width:44em}
.os-lepesek{padding-left:1.5em}
.os-lepesek li{margin:.4em 0}
.os-lepesek li::marker{font-family:var(--fd);font-weight:800;color:var(--signal-text)}
.os-lepesek kbd{font:inherit;font-weight:600;padding:0 .35em;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:var(--paper-2)}
.parancs-blokk{margin:20px 0 22px}
.parancs-blokk .os-valto{margin-top:0}
.parancs-hely{margin:6px 0 12px;min-height:72px}
.megjegyzes{font-size:.95rem;color:var(--muted);max-width:44em}
.figyelem{border-left:4px solid var(--signal);padding:10px 14px;background:var(--signal-soft);color:var(--ink);border-radius:0 8px 8px 0}

.frissul{color:var(--muted)}
/* overall progress above the list: "Kész: n/m" + bar; a failed step freezes it and turns it red */
.halad{margin:18px 0 0}
.halad[hidden]{display:none}
.halad-felirat{margin:0 0 8px;font-size:1.05rem}
.halad-felirat strong{font-family:var(--fd);font-variant-numeric:tabular-nums}
.halad-hiba{color:var(--hiba);font-weight:700}
.halad-sav{height:12px;border-radius:6px;background:#fff;border:1px solid var(--line);overflow:hidden}
.halad-toltes{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--mint-dark),var(--mint));transform:scaleX(0);transform-origin:left center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.halad[data-hiba="1"] .halad-toltes{background:var(--hiba)}
.lepesek{list-style:none;margin:16px 0 0;padding:0;border-top:2px solid var(--ink)}
.lepes{display:grid;grid-template-columns:2.2em 32px 1fr auto 56px;column-gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line)}
/* step number (card d1d9f99f, Zoltán TG 62342): counts the visible rows only, filled by telepito.js */
.lepes-szam{justify-self:end;min-width:1.9em;padding:1px 4px;border-radius:4px;text-align:right;font-family:var(--fd);font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted)}
.lepes[data-allapot="kesz"] .lepes-szam,.lepes[data-allapot="nem-kellett"] .lepes-szam{color:var(--mint-dark)}
.lepes[data-allapot="fut"] .lepes-szam{color:var(--fut)}
.lepes[data-allapot="var-emberre"] .lepes-szam{color:var(--signal-text)}
.lepes[data-allapot="hiba"] .lepes-szam{background:var(--hiba);color:#fff;text-align:center}
.lepes[hidden]{display:none}
.lepes-ikon{width:24px;height:24px;color:var(--muted);display:inline-flex}
.lepes-ikon .ikon{width:24px;height:24px}
.lepes-cim{font-weight:600}
.lepes-allapot{font-size:.95rem;color:var(--muted);text-align:right}
.lepes-ido{font-size:.95rem;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.lepes-szoveg{grid-column:3 / -1;font-size:.95rem;color:var(--muted)}
.lepes-szoveg:empty{display:none}
.lepes-teendo{grid-column:1 / -1;margin:10px 0 2px;padding:14px 16px;border:3px solid var(--signal);border-radius:10px;background:#fff;font-size:1.1rem}
.lepes-teendo[hidden]{display:none}
.lepes-teendo-cim{font-family:var(--fd);font-weight:800;margin:0 0 .3em;color:var(--signal-text)}
.teendo-lista{margin:0;padding-left:1.6em}
.teendo-lista li{margin:.35em 0;font-weight:600}
.lepes[data-allapot="kesz"] .lepes-ikon{color:var(--mint-dark)}
.lepes[data-allapot="kesz"] .lepes-allapot{color:var(--mint-dark)}
.lepes[data-allapot="fut"]{background:#fff;box-shadow:inset 4px 0 0 var(--radar)}
.lepes[data-allapot="fut"] .lepes-ikon{color:var(--fut);animation:lukteto 1.4s ease-in-out infinite}
.lepes[data-allapot="var-emberre"]{background:#fff;box-shadow:inset 4px 0 0 var(--signal)}
.lepes[data-allapot="var-emberre"] .lepes-ikon,.lepes[data-allapot="var-emberre"] .lepes-allapot{color:var(--signal-text)}
.lepes[data-allapot="hiba"] .lepes-ikon,.lepes[data-allapot="hiba"] .lepes-allapot{color:var(--hiba)}
.lepes[data-allapot="kihagyva"] .lepes-cim,.lepes[data-allapot="nem-kellett"] .lepes-cim{color:var(--muted)}
@keyframes lukteto{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.86)}}

.elakadas-doboz{border:2px solid var(--hiba);background:#fff;padding:16px 18px;margin:12px 0 4px;border-radius:10px}
.elakadas-cim{font-family:var(--fd);font-weight:800;margin-bottom:.4em}
.elakadas-doboz p:last-child{margin-bottom:0}
.kesz-doboz{border:2px solid var(--mint);background:#fff;padding:16px 18px;margin:12px 0 4px;border-radius:10px}
.kesz-cim{font-family:var(--fd);font-weight:800;margin:0;color:var(--mint-dark);font-size:1.3rem}
.kesz-alcim{margin:.6em 0 .2em;font-weight:600}
.kesz-lepesek{margin:0 0 .8em;padding-left:1.6em}
.kesz-lepesek li{margin:.35em 0}
.kesz-bot{font-size:1.1rem;overflow-wrap:anywhere}
.kesz-link{display:inline-block;margin-left:.6em;font-weight:700;overflow-wrap:anywhere}
.kesz-link[hidden]{display:none}
.kesz-ha{margin:0 0 .6em;color:var(--muted)}
.kesz-nincs-bot{margin:.6em 0}
.kesz-sugo,.kesz-gomb{font:inherit;font-family:var(--fd);font-weight:800;font-size:1rem;background:var(--signal);color:var(--ink);border:0;border-radius:10px;padding:10px 16px;min-height:44px;margin:6px 8px 6px 0;cursor:pointer;transition:background .2s,transform .25s var(--ease-out)}
.kesz-sugo:hover,.kesz-sugo:focus-visible,.kesz-gomb:hover,.kesz-gomb:focus-visible{background:#FFC048;color:var(--ink);transform:translateY(-1px)}
.kesz-megj{margin:0;color:var(--muted);font-size:.95rem}
/* Channel-bound blocks (card 2a479ea5 step 6): telepito.js sets body[data-csatorna]
   from /allapot; until then the telegram default shows, as before. */
body:not([data-csatorna="pilota"]) .csak-pilota{display:none!important}
body[data-csatorna="pilota"] .csak-tg{display:none!important}
.kesz-pilota{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 22px;margin:.4em 0 .8em}
.kesz-pilota .kesz-lepesek{flex:1 1 260px;margin:0}
.kesz-qr{flex:0 0 auto;width:188px;height:188px;background:#fff;padding:6px;border:1px solid var(--line);border-radius:10px}
.kesz-qr svg{display:block;width:100%;height:100%}
.kesz-qr:empty{display:none}
.kesz-app,.kesz-email{font-size:1.05rem;font-weight:700;overflow-wrap:anywhere}
.kesz-email{display:block;margin:.1em 0}
.kesz-gep{display:inline-block;text-decoration:none;margin-top:8px}
.kesz-gep[hidden]{display:none}
.kesz-kezdo{border-top:1px solid var(--line);margin:.4em 0 .8em;padding-top:.6em}
.kesz-kezdo-cim{font-family:var(--fd);font-weight:800;margin:0 0 .3em}
.kesz-kezdo p{margin:0 0 .4em}
.kesz-kezdo ul{margin:0;padding-left:1.4em}
.kesz-kezdo li{margin:.3em 0}
.google-miert{border-left:4px solid var(--mint);padding:8px 12px;background:var(--paper-2);border-radius:0 8px 8px 0}
.google-miert a{overflow-wrap:anywhere}
.nem-elerheto{color:var(--muted);font-size:.95rem;margin-top:12px}

.teendok{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.teendok div{border-top:1px solid var(--line);padding:16px 0}
.teendok dt{font-family:var(--fd);font-weight:700;margin-bottom:4px}
.teendok dd{margin:0;color:var(--muted)}
.teendok dd code{overflow-wrap:anywhere;font-family:var(--mono);font-size:.92em;background:var(--paper-2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;color:var(--ink)}
.teendok .teendo-google{grid-column:1 / -1}
.teendok .teendo-szeles{grid-column:1 / -1}
.tg-letoltes,.tg-bot-elore{margin-top:12px;color:var(--ink)}
.tg-letoltes p,.tg-bot-elore p{margin:0 0 .6em;max-width:44em}
.lepes-elore .tg-letoltes{margin-top:0}
.tg-letoltes a{overflow-wrap:anywhere}
.google-elore{margin-top:12px;color:var(--ink)}
.teendok .google-elore{border-top:0;padding:0}
.google-elore p{margin:0 0 .6em;max-width:44em}
.google-kep{display:block;width:100%;max-width:560px;height:auto;border:1px solid var(--line);border-radius:10px;margin:8px 0 10px}
.google-lepesek{margin:0 0 .6em;padding-left:1.6em;font-weight:600}
.google-lepesek li{margin:.3em 0}
.lepes-elore{grid-column:1 / -1;margin:10px 0 2px;padding:14px 16px;border:3px solid var(--signal);border-radius:10px;background:#fff}
.lepes-elore[hidden]{display:none}
.lepes-elore .lepes-teendo-cim{color:var(--ink)}
.lepes-elore .google-elore{margin-top:0}

.sav-kapcsolat{background:var(--ink);color:var(--on-ink);border-top:0}
.sav-kapcsolat h2{color:#fff}
.sav-kapcsolat a{color:#fff;text-decoration-color:var(--signal);text-underline-offset:4px;text-decoration-thickness:2px}
.sav-kapcsolat a:hover{color:var(--signal)}
.kapcsolat-sor{font-family:var(--fd);font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:800}

.lab{padding:28px 0 120px;background:var(--ink-2);border-top:1px solid rgba(255,255,255,.07);font-size:.95rem;color:var(--on-ink-2)}
.lab a{color:var(--on-ink)}
.lab a:hover{color:var(--signal)}
.lab-belso{display:flex;flex-wrap:wrap;gap:8px 32px}
.lab p{margin:0}

.abra .kurzor{animation:villog 1.1s steps(1) infinite}
@keyframes villog{50%{opacity:0}}
.js .felbukkan{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.js .felbukkan.lathato{opacity:1;transform:none}

.kkc{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;background:var(--ink-3);color:var(--on-ink);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.kkc[hidden]{display:none}
.kkc-belso{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;max-width:1040px;margin:0 auto;padding:16px 20px}
.kkc-szoveg{margin:0;flex:1 1 320px;font-size:.95rem;line-height:1.5}
.kkc-szoveg a{color:#fff}
.kkc-gombok{display:flex;gap:10px}
.kkc-gomb{font:inherit;font-family:var(--fd);font-weight:800;font-size:.95rem;padding:10px 18px;min-height:44px;border-radius:10px;cursor:pointer;border:1.5px solid transparent}
.kkc-elsodleges{background:var(--signal);color:var(--ink)}
.kkc-elsodleges:hover{background:#FFC048}
.kkc-masodlagos{background:transparent;color:var(--on-ink);border-color:rgba(255,255,255,.4)}

/* Refused machine (card 01afcc89 Phase 4, spec D.1): first thing under the
   header, compact so both buttons fit above the consent bar at 390 px. */
.gep-doboz{background:var(--signal-soft);border-bottom:3px solid var(--signal);padding:24px 0 20px}
.gep-nezet{max-width:760px}
.gep-cim{font-size:clamp(1.4rem,2.4vw,1.9rem);margin-bottom:.35em}
.gep-doboz p{margin:0 0 .6em}
.gep-lista{list-style:none;margin:0 0 14px;padding:0}
.gep-lista li{margin:0 0 .35em}
.gep-gombok{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}
.gep-gombok[hidden]{display:none}
.gep-urlap{margin:0}
.gep-urlap[hidden]{display:none}
.gep-gomb{font:inherit;font-family:var(--fd);font-weight:800;font-size:1rem;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:10px;padding:10px 18px;min-height:44px;cursor:pointer}
.gep-gomb:hover,.gep-gomb:focus-visible{background:var(--paper-2)}
.gep-gomb.gep-elsodleges{background:var(--signal);border-color:var(--signal);color:var(--ink)}
.gep-gomb.gep-elsodleges:hover,.gep-gomb.gep-elsodleges:focus-visible{background:#FFC048;border-color:#FFC048;color:var(--ink)}
.gep-gomb:disabled{opacity:.6;cursor:default}
.gep-doboz .gep-kerdes{margin:0}

@media (max-width:900px){
  .hos{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:48px}
  .ket-oszlop{grid-template-columns:1fr;gap:32px}
  .teendok{grid-template-columns:1fr}
}
@media (max-width:560px){
  /* the fixed chat corner (chat.css: bottom 12px, about 50 px high at 390) needs less room than on desktop;
     120 px read as an empty band (lap-atvetel URES SAV, card 501c71a7, measured 2026-11-02) */
  .lab{padding-bottom:80px}
  body{font-size:17px}
  .keret{padding:0 18px}
  .fej-belso{min-height:64px}
  .fej-nav{gap:0}
  .fej-nav a{padding:10px 8px}
  .sav{padding:48px 0}
  .os-valto{display:flex}
  .os-valto button{flex:1;padding:10px 8px}
  .lepes{grid-template-columns:2em 24px 1fr auto;column-gap:10px;row-gap:2px}
  .lepes-ido{grid-column:4;grid-row:2;font-size:.85rem}
  .lepes-allapot{font-size:.85rem}
  .kkc{left:8px;right:8px;bottom:8px}
  .gep-doboz{padding:16px 0 14px;font-size:16px;line-height:1.45}
  .gep-urlap,.gep-gomb{width:100%}
  .gep-gomb{padding:9px 14px}
  .kkc-gombok{width:100%}
  .kkc-gomb{flex:1}
}
@media (prefers-reduced-motion:reduce){
  .abra .kurzor,.lepes[data-allapot="fut"] .lepes-ikon{animation:none}
  .halad-toltes{transition:none}
  .js .felbukkan{opacity:1;transform:none;transition:none}
}