/* Közös fejléc — minden weboldalon ugyanez (főoldal, mintaoldal, kutatási háttér, ÁSZF, adatkezelés, köszönőoldal, a szerver
   által generált oldalak). Forrás: tools/footer/header.html, szinkron: node tools/footer/sync.mjs (a --check a teszt része).
   Saját fejléce van a vevői olvasónak (kurzus.html: haladás, nyomtatás), az online füzeteknek és a promptoldalaknak.
   Önálló: nem függ az oldalak CSS-változóitól; a szelektorok .hl-site-header-rel kezdődnek, hogy az oldalak általános
   szabályai (a, nav, img) ne írhassák felül. A kék = a programblokk háttere (#24456A). */
@font-face{font-family:"Nunito Sans";src:url("/fonts/NunitoSans-700.woff2") format("woff2");font-weight:700;font-display:swap}
.hl-site-header{display:block;background:#24456A;color:#FFFFFF;font:700 16px/1.3 "Nunito Sans",Arial,sans-serif;margin:0;padding:0;border:0;position:relative;z-index:20}
.hl-site-header *{box-sizing:border-box}
.hl-site-header .hl-site-header-in{width:min(1200px,calc(100% - 80px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:96px;padding:18px 0}
.hl-site-header .hl-site-logo{display:block;flex:0 0 auto;line-height:0;border:0}
.hl-site-header .hl-site-logo img{width:218px;max-width:none;height:auto;display:block}
.hl-site-header .hl-site-nav{display:flex;align-items:center;gap:24px;margin:0;padding:0;background:none;position:static}
.hl-site-header .hl-site-nav a{color:#FFFFFF;font:700 16px/1.3 "Nunito Sans",Arial,sans-serif;text-decoration:none;padding:6px 0;border:0;border-bottom:2px solid transparent;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}
.hl-site-header .hl-site-nav a:hover{border-bottom-color:#FFD447}
.hl-site-header .hl-site-nav a.hl-site-btn{border:2px solid #FFFFFF;border-radius:12px;padding:11px 20px}
.hl-site-header .hl-site-nav a.hl-site-btn:hover{background:#FFD447;border-color:#FFD447;color:#1D2433}
.hl-site-header a:focus-visible{outline:3px solid #FFD447;outline-offset:4px;border-radius:4px}
/* Menü (mobil és keskeny asztali): natív <details> — JavaScript nélkül is működik minden oldalon; a főoldalon a fooldal.js
   linkkattintásra / Escape-re bezárja. 1100 px-től a teljes menüsor látszik, a menügomb eltűnik. */
.hl-site-header .hl-site-menu{display:none;position:static}
.hl-site-header .hl-site-menu summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:46px;padding:9px 14px;border:2px solid #FFFFFF;border-radius:12px;color:#FFFFFF;font:700 16px/1.2 "Nunito Sans",Arial,sans-serif;cursor:pointer;user-select:none}
.hl-site-header .hl-site-menu summary::-webkit-details-marker{display:none}
.hl-site-header .hl-site-menu[open] summary{background:#FFFFFF;color:#24456A}
.hl-site-header .hl-site-menu summary:focus-visible{outline:3px solid #FFD447;outline-offset:3px}
.hl-site-header .hl-site-menu-panel{position:absolute;left:0;right:0;top:100%;background:#1B3653;padding:8px 20px 20px;display:flex;flex-direction:column;box-shadow:0 18px 30px #0004}
.hl-site-header .hl-site-menu-panel a{color:#FFFFFF;font:700 18px/1.3 "Nunito Sans",Arial,sans-serif;text-decoration:none;padding:15px 4px;border-bottom:1px solid #ffffff26;min-height:52px}
.hl-site-header .hl-site-menu-panel a:hover{color:#FFD447}
.hl-site-header .hl-site-menu-panel a.hl-site-btn{margin-top:16px;border:0;border-radius:12px;background:#FFD447;color:#1D2433;text-align:center}
@media (max-width:1099px){
  .hl-site-header .hl-site-header-in{width:calc(100% - 48px)}
  .hl-site-header .hl-site-nav{display:none}
  .hl-site-header .hl-site-menu{display:block}
}
@media (max-width:700px){
  .hl-site-header .hl-site-header-in{width:calc(100% - 40px);min-height:70px;padding:12px 0;gap:14px}
  .hl-site-header .hl-site-logo img{width:150px}
}
@media (prefers-reduced-motion:reduce){.hl-site-header .hl-site-nav a{transition:none}}
@media print{.hl-site-header{display:none}}