/* ===== BASE — reset, tipográfia, alap elemek ===== */
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;color-scheme:light}
/* Nincs sötét mód: a böngésző ne színezze át az űrlapmezőket. */
input,select,textarea,button{color-scheme:light}
body{
  font-family:var(--font-sans);
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  color:var(--ink);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
}
img,svg,video{display:block;max-width:100%;height:auto}
picture{display:block}
/* Minden médiaelem tartja az arányát: nincs layout shift. */
img[width][height]{height:auto}
h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--track-h);
  line-height:var(--lh-h);text-wrap:balance;font-feature-settings:"ss01" 1}
h1{font-size:var(--fs-h1);font-weight:700;letter-spacing:var(--track-display);line-height:var(--lh-display)}
h2{font-size:var(--fs-h2);font-weight:700}
h3{font-size:var(--fs-h3);font-weight:600;letter-spacing:-.02em}
h4{font-size:1.0625rem;font-weight:600;letter-spacing:-.015em}
/* Rövidebb sorhossz: sűrűbb, olvashatóbb bekezdés, kevesebb függőleges hely. */
p{max-width:62ch}
a{color:inherit;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:3px}
ul,ol{padding-inline-start:1.1em}
:focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px;border-radius:var(--r-sm)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;inset-block-start:-100px;inset-inline-start:var(--sp-4);z-index:100;
  background:var(--blue-deep);color:#fff;padding:var(--sp-3) var(--sp-5);border-radius:var(--r-sm)}
.skip-link:focus-visible{inset-block-start:var(--sp-4)}
/* Fluid konténer — a szélesség maga tartalmazza a margókat, így nincs túlcsordulás. */
.container{width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}
.container--wide{width:min(100% - 2 * var(--gutter),var(--container-wide))}
.lead{font-size:var(--fs-lead);line-height:1.5;max-width:56ch;color:var(--slate)}
.small{font-size:var(--fs-small)}
.num{font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}

/* ===== assets/css/base.css — Mi van itt: reset, tipográfiai alapok, konténer, fókuszgyűrű, skip link, reduced-motion alapszabály. ===== */