/* GENERÁLT FÁJL — tools/css/grid.py build (forrás: tools/css/grid.json). Kézzel NE írd: a kapu (--check) piros lesz. */
/* a tokenek: az osztály neve fix, az értéke itt hangolható (a redesign dolga) */
:root {
  --ly-space-0: 0px;
  --ly-space-xs: 4px;
  --ly-space-s: 8px;
  --ly-space-m: 16px;
  --ly-space-l: 32px;
  --ly-space-xl: 64px;
  --ly-space-2xl: 96px;
  --ly-inner-narrow: 680px;
  --ly-inner-normal: var(--th-content-max, 1200px);
  --ly-inner-wide: calc(var(--th-content-max, 1200px) * 1.3);
  --ly-auto-xs: 160px;
  --ly-auto-s: 220px;
  --ly-auto-m: 280px;
  --ly-auto-l: 360px;
  --ly-auto-xl: 480px;
  --ly-aside-narrow: 220px;
  --ly-aside-wide: 300px;
  --ly-minh-half: 50vh;
  --ly-minh-screen: 100vh;
  --ly-skin-muted-bg: var(--th-surface, #f3f5f7);
  --ly-skin-muted-ink: var(--th-text, #131b22);
  --ly-skin-muted-ink-title: var(--th-brand, #0f3a4c);
  --ly-skin-muted-ink-muted: var(--th-text-muted, #5b6b77);
  --ly-skin-muted-ink-accent: var(--th-accent-ink, #0b6c80);
  --ly-skin-accent-bg: var(--th-accent-soft, #e2eff5);
  --ly-skin-accent-ink: var(--th-brand, #0f3a4c);
  --ly-skin-accent-ink-title: var(--th-brand, #0f3a4c);
  --ly-skin-accent-ink-muted: var(--th-text-muted, #5b6b77);
  --ly-skin-accent-ink-accent: var(--th-accent-ink, #0b6c80);
  --ly-skin-dark-bg: var(--th-brand-strong, #131b22);
  --ly-skin-dark-ink: var(--th-on-brand, #ffffff);
  --ly-skin-dark-ink-title: var(--th-on-brand, #ffffff);
  --ly-skin-dark-ink-muted: var(--th-on-brand-muted, #d5d8e0);
  --ly-skin-dark-ink-accent: var(--th-accent-light, #22c3d6);
  --ly-skin-brand-bg: var(--th-brand, #1a6685);
  --ly-skin-brand-ink: var(--th-on-brand, #ffffff);
  --ly-skin-brand-ink-title: var(--th-on-brand, #ffffff);
  --ly-skin-brand-ink-muted: var(--th-on-brand-muted, #d5d8e0);
  --ly-skin-brand-ink-accent: var(--th-accent-light, #22c3d6);
}

/* a szerkezet: a tároló külső eleme konténer (a gyerekei hozzá mérnek), a modul nem */
.ly-box { container-type: inline-size; min-width: 0; display: grid; }
.ly-node { min-width: 0; }

/* az alapértékek — nulla specificitás, hogy bármelyik méret-osztály felülírja */
:where(.ly-grid) > * { grid-column-end: span 12; min-width: 0; }
:where(.ly-row) > .ly-box { flex: 1 1 0; min-width: 0; }

/* a lap váza (R4.1): az EGYETLEN szint, amely a képernyőhöz mér — fejléc / fő rész / lábléc, a fő részben az
   oldalsávok és a tartalom; a sáv alapból a tartalom alatti teljes sor, a szélesség-osztálya teszi mellé */
.ly-page { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr); }
.ly-page-main { display: grid; grid-template-columns: [aside-left-start] auto [aside-left-end content-start] minmax(0, 1fr) [content-end aside-right-start] auto [aside-right-end]; grid-template-rows: auto auto auto; }
.ly-page-content { grid-column: content; grid-row: 1; }
.ly-page-place { flex: 1 1 100%; min-inline-size: 0; }
.ly-page-aside-left { grid-column: 1 / -1; grid-row: 2; }
.ly-page-aside-right { grid-column: 1 / -1; grid-row: 3; }
/* az oldalsáv szélessége (a hely ASIDE_WIDTH adata): a tartalom mellett, a token szélességével */
.ly-aside-left-narrow { grid-column: aside-left; grid-row: 1; width: var(--ly-aside-narrow); }
.ly-aside-left-wide { grid-column: aside-left; grid-row: 1; width: var(--ly-aside-wide); }
.ly-aside-right-narrow { grid-column: aside-right; grid-row: 1; width: var(--ly-aside-narrow); }
.ly-aside-right-wide { grid-column: aside-right; grid-row: 1; width: var(--ly-aside-wide); }
/* 1024 px alatt (a KÉPERNYŐ szélessége) a sávok a tartalom alá: bal, majd jobb */
@media (max-width: 1023px) {
  .ly-page-aside-left { grid-column: 1 / -1; grid-row: 2; width: auto; }
  .ly-page-aside-right { grid-column: 1 / -1; grid-row: 3; width: auto; }
}

/* alap méret (mindig) */
/* mode: Elrendezés módja */
.ly-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); }
.ly-row { display: flex; flex-wrap: wrap; --ly-g: 0px; }
/* cols: Oszlopok száma */
.ly-cols-1 { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); }
.ly-cols-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ly-cols-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ly-cols-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ly-cols-5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ly-cols-6 { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
/* auto: Kártya legkisebb szélessége */
.ly-auto-xs { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(var(--ly-auto-xs), 100%), 1fr)); }
.ly-auto-s { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(var(--ly-auto-s), 100%), 1fr)); }
.ly-auto-m { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(var(--ly-auto-m), 100%), 1fr)); }
.ly-auto-l { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(var(--ly-auto-l), 100%), 1fr)); }
.ly-auto-xl { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(var(--ly-auto-xl), 100%), 1fr)); }
/* span: Szélesség */
.ly-span-1 { grid-column-end: span 1; flex: 0 0 calc(1 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
.ly-span-2 { grid-column-end: span 2; flex: 0 0 calc(2 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
.ly-span-3 { grid-column-end: span 3; flex: 0 0 calc(3 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
.ly-span-4 { grid-column-end: span 4; flex: 0 0 calc(4 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
.ly-span-5 { grid-column-end: span 5; flex: 0 0 calc(5 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
.ly-span-6 { grid-column-end: span 6; flex: 0 0 calc(6 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
.ly-span-7 { grid-column-end: span 7; flex: 0 0 calc(7 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
.ly-span-8 { grid-column-end: span 8; flex: 0 0 calc(8 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
.ly-span-9 { grid-column-end: span 9; flex: 0 0 calc(9 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
.ly-span-10 { grid-column-end: span 10; flex: 0 0 calc(10 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
.ly-span-11 { grid-column-end: span 11; flex: 0 0 calc(11 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
.ly-span-12 { grid-column-end: span 12; flex: 0 0 calc(12 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
.ly-span-full { grid-column: 1 / -1; flex: 0 0 100%; }
/* start: Kezdő oszlop */
.ly-start-1 { grid-column-start: 1; }
.ly-start-2 { grid-column-start: 2; }
.ly-start-3 { grid-column-start: 3; }
.ly-start-4 { grid-column-start: 4; }
.ly-start-5 { grid-column-start: 5; }
.ly-start-6 { grid-column-start: 6; }
.ly-start-7 { grid-column-start: 7; }
.ly-start-8 { grid-column-start: 8; }
.ly-start-9 { grid-column-start: 9; }
.ly-start-10 { grid-column-start: 10; }
.ly-start-11 { grid-column-start: 11; }
.ly-start-12 { grid-column-start: 12; }
.ly-start-auto { grid-column-start: auto; }
/* rows: Magasság a rácsban */
.ly-rows-1 { grid-row-end: span 1; }
.ly-rows-2 { grid-row-end: span 2; }
.ly-rows-3 { grid-row-end: span 3; }
.ly-rows-4 { grid-row-end: span 4; }
/* order: Sorrend */
.ly-order-none { order: 0; }
.ly-order-first { order: -1; }
.ly-order-last { order: 1; }
/* show: Láthatóság */
.ly-show { display: block; }
.ly-show:where(.ly-box) { display: grid; }
.ly-hide { display: none; }
/* self: Igazítás a szülőben */
.ly-self-stretch { align-self: stretch; }
.ly-self-start { align-self: start; }
.ly-self-center { align-self: center; }
.ly-self-end { align-self: end; }
/* gap: Térköz */
.ly-gap-0 { gap: var(--ly-space-0); --ly-g: var(--ly-space-0); }
.ly-gap-xs { gap: var(--ly-space-xs); --ly-g: var(--ly-space-xs); }
.ly-gap-s { gap: var(--ly-space-s); --ly-g: var(--ly-space-s); }
.ly-gap-m { gap: var(--ly-space-m); --ly-g: var(--ly-space-m); }
.ly-gap-l { gap: var(--ly-space-l); --ly-g: var(--ly-space-l); }
.ly-gap-xl { gap: var(--ly-space-xl); --ly-g: var(--ly-space-xl); }
.ly-gap-2xl { gap: var(--ly-space-2xl); --ly-g: var(--ly-space-2xl); }
/* pad-x: Belső térköz vízszintesen */
.ly-pad-x-0 { padding-inline: var(--ly-space-0); }
.ly-pad-x-xs { padding-inline: var(--ly-space-xs); }
.ly-pad-x-s { padding-inline: var(--ly-space-s); }
.ly-pad-x-m { padding-inline: var(--ly-space-m); }
.ly-pad-x-l { padding-inline: var(--ly-space-l); }
.ly-pad-x-xl { padding-inline: var(--ly-space-xl); }
.ly-pad-x-2xl { padding-inline: var(--ly-space-2xl); }
/* pad-y: Belső térköz függőlegesen */
.ly-pad-y-0 { padding-block: var(--ly-space-0); }
.ly-pad-y-xs { padding-block: var(--ly-space-xs); }
.ly-pad-y-s { padding-block: var(--ly-space-s); }
.ly-pad-y-m { padding-block: var(--ly-space-m); }
.ly-pad-y-l { padding-block: var(--ly-space-l); }
.ly-pad-y-xl { padding-block: var(--ly-space-xl); }
.ly-pad-y-2xl { padding-block: var(--ly-space-2xl); }
/* items: Tartalom igazítása függőlegesen */
.ly-items-stretch { align-items: stretch; }
.ly-items-start { align-items: start; }
.ly-items-center { align-items: center; }
.ly-items-end { align-items: end; }
/* justify: Tartalom igazítása vízszintesen */
.ly-justify-start { justify-content: start; justify-items: start; }
.ly-justify-center { justify-content: center; justify-items: center; }
.ly-justify-end { justify-content: end; justify-items: end; }
.ly-justify-between { justify-content: space-between; justify-items: stretch; }
/* inner: Belső szélesség */
.ly-inner-narrow { max-width: var(--ly-inner-narrow); margin-inline: auto; inline-size: 100%; }
.ly-inner-normal { max-width: var(--ly-inner-normal); margin-inline: auto; inline-size: 100%; }
.ly-inner-wide { max-width: var(--ly-inner-wide); margin-inline: auto; inline-size: 100%; }
.ly-inner-full { max-width: none; inline-size: 100%; }
/* minh: Legkisebb magasság */
.ly-minh-half { min-block-size: var(--ly-minh-half); }
.ly-minh-screen { min-block-size: var(--ly-minh-screen); }
/* skin: Kinézet-változat */
.ly-skin-muted { background: var(--ly-skin-muted-bg); color: var(--ly-skin-muted-ink); --ly-ink: var(--ly-skin-muted-ink); --ly-ink-title: var(--ly-skin-muted-ink-title); --ly-ink-muted: var(--ly-skin-muted-ink-muted); --ly-ink-accent: var(--ly-skin-muted-ink-accent); }
.ly-skin-accent { background: var(--ly-skin-accent-bg); color: var(--ly-skin-accent-ink); --ly-ink: var(--ly-skin-accent-ink); --ly-ink-title: var(--ly-skin-accent-ink-title); --ly-ink-muted: var(--ly-skin-accent-ink-muted); --ly-ink-accent: var(--ly-skin-accent-ink-accent); }
.ly-skin-dark { background: var(--ly-skin-dark-bg); color: var(--ly-skin-dark-ink); --ly-ink: var(--ly-skin-dark-ink); --ly-ink-title: var(--ly-skin-dark-ink-title); --ly-ink-muted: var(--ly-skin-dark-ink-muted); --ly-ink-accent: var(--ly-skin-dark-ink-accent); }
.ly-skin-brand { background: var(--ly-skin-brand-bg); color: var(--ly-skin-brand-ink); --ly-ink: var(--ly-skin-brand-ink); --ly-ink-title: var(--ly-skin-brand-ink-title); --ly-ink-muted: var(--ly-skin-brand-ink-muted); --ly-ink-accent: var(--ly-skin-brand-ink-accent); }

/* Közepes (640 px-től) — a legközelebbi tároló szélességéhez mér, nem a képernyőéhez */
@container (min-width: 640px) {
  /* cols: Oszlopok száma */
  .ly-md-cols-1 { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .ly-md-cols-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ly-md-cols-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ly-md-cols-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ly-md-cols-5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .ly-md-cols-6 { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
  /* span: Szélesség */
  .ly-md-span-1 { grid-column-end: span 1; flex: 0 0 calc(1 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-md-span-2 { grid-column-end: span 2; flex: 0 0 calc(2 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-md-span-3 { grid-column-end: span 3; flex: 0 0 calc(3 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-md-span-4 { grid-column-end: span 4; flex: 0 0 calc(4 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-md-span-5 { grid-column-end: span 5; flex: 0 0 calc(5 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-md-span-6 { grid-column-end: span 6; flex: 0 0 calc(6 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-md-span-7 { grid-column-end: span 7; flex: 0 0 calc(7 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-md-span-8 { grid-column-end: span 8; flex: 0 0 calc(8 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-md-span-9 { grid-column-end: span 9; flex: 0 0 calc(9 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-md-span-10 { grid-column-end: span 10; flex: 0 0 calc(10 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-md-span-11 { grid-column-end: span 11; flex: 0 0 calc(11 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-md-span-12 { grid-column-end: span 12; flex: 0 0 calc(12 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-md-span-full { grid-column: 1 / -1; flex: 0 0 100%; }
  /* start: Kezdő oszlop */
  .ly-md-start-1 { grid-column-start: 1; }
  .ly-md-start-2 { grid-column-start: 2; }
  .ly-md-start-3 { grid-column-start: 3; }
  .ly-md-start-4 { grid-column-start: 4; }
  .ly-md-start-5 { grid-column-start: 5; }
  .ly-md-start-6 { grid-column-start: 6; }
  .ly-md-start-7 { grid-column-start: 7; }
  .ly-md-start-8 { grid-column-start: 8; }
  .ly-md-start-9 { grid-column-start: 9; }
  .ly-md-start-10 { grid-column-start: 10; }
  .ly-md-start-11 { grid-column-start: 11; }
  .ly-md-start-12 { grid-column-start: 12; }
  .ly-md-start-auto { grid-column-start: auto; }
  /* rows: Magasság a rácsban */
  .ly-md-rows-1 { grid-row-end: span 1; }
  .ly-md-rows-2 { grid-row-end: span 2; }
  .ly-md-rows-3 { grid-row-end: span 3; }
  .ly-md-rows-4 { grid-row-end: span 4; }
  /* order: Sorrend */
  .ly-md-order-none { order: 0; }
  .ly-md-order-first { order: -1; }
  .ly-md-order-last { order: 1; }
  /* show: Láthatóság */
  .ly-md-show { display: block; }
  .ly-md-show:where(.ly-box) { display: grid; }
  .ly-md-hide { display: none; }
  /* self: Igazítás a szülőben */
  .ly-md-self-stretch { align-self: stretch; }
  .ly-md-self-start { align-self: start; }
  .ly-md-self-center { align-self: center; }
  .ly-md-self-end { align-self: end; }
  /* gap: Térköz */
  .ly-md-gap-0 { gap: var(--ly-space-0); --ly-g: var(--ly-space-0); }
  .ly-md-gap-xs { gap: var(--ly-space-xs); --ly-g: var(--ly-space-xs); }
  .ly-md-gap-s { gap: var(--ly-space-s); --ly-g: var(--ly-space-s); }
  .ly-md-gap-m { gap: var(--ly-space-m); --ly-g: var(--ly-space-m); }
  .ly-md-gap-l { gap: var(--ly-space-l); --ly-g: var(--ly-space-l); }
  .ly-md-gap-xl { gap: var(--ly-space-xl); --ly-g: var(--ly-space-xl); }
  .ly-md-gap-2xl { gap: var(--ly-space-2xl); --ly-g: var(--ly-space-2xl); }
  /* pad-x: Belső térköz vízszintesen */
  .ly-md-pad-x-0 { padding-inline: var(--ly-space-0); }
  .ly-md-pad-x-xs { padding-inline: var(--ly-space-xs); }
  .ly-md-pad-x-s { padding-inline: var(--ly-space-s); }
  .ly-md-pad-x-m { padding-inline: var(--ly-space-m); }
  .ly-md-pad-x-l { padding-inline: var(--ly-space-l); }
  .ly-md-pad-x-xl { padding-inline: var(--ly-space-xl); }
  .ly-md-pad-x-2xl { padding-inline: var(--ly-space-2xl); }
  /* pad-y: Belső térköz függőlegesen */
  .ly-md-pad-y-0 { padding-block: var(--ly-space-0); }
  .ly-md-pad-y-xs { padding-block: var(--ly-space-xs); }
  .ly-md-pad-y-s { padding-block: var(--ly-space-s); }
  .ly-md-pad-y-m { padding-block: var(--ly-space-m); }
  .ly-md-pad-y-l { padding-block: var(--ly-space-l); }
  .ly-md-pad-y-xl { padding-block: var(--ly-space-xl); }
  .ly-md-pad-y-2xl { padding-block: var(--ly-space-2xl); }
  /* items: Tartalom igazítása függőlegesen */
  .ly-md-items-stretch { align-items: stretch; }
  .ly-md-items-start { align-items: start; }
  .ly-md-items-center { align-items: center; }
  .ly-md-items-end { align-items: end; }
  /* justify: Tartalom igazítása vízszintesen */
  .ly-md-justify-start { justify-content: start; justify-items: start; }
  .ly-md-justify-center { justify-content: center; justify-items: center; }
  .ly-md-justify-end { justify-content: end; justify-items: end; }
  .ly-md-justify-between { justify-content: space-between; justify-items: stretch; }
}

/* Széles (1024 px-től) — a legközelebbi tároló szélességéhez mér, nem a képernyőéhez */
@container (min-width: 1024px) {
  /* cols: Oszlopok száma */
  .ly-lg-cols-1 { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .ly-lg-cols-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ly-lg-cols-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ly-lg-cols-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ly-lg-cols-5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .ly-lg-cols-6 { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
  /* span: Szélesség */
  .ly-lg-span-1 { grid-column-end: span 1; flex: 0 0 calc(1 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-lg-span-2 { grid-column-end: span 2; flex: 0 0 calc(2 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-lg-span-3 { grid-column-end: span 3; flex: 0 0 calc(3 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-lg-span-4 { grid-column-end: span 4; flex: 0 0 calc(4 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-lg-span-5 { grid-column-end: span 5; flex: 0 0 calc(5 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-lg-span-6 { grid-column-end: span 6; flex: 0 0 calc(6 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-lg-span-7 { grid-column-end: span 7; flex: 0 0 calc(7 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-lg-span-8 { grid-column-end: span 8; flex: 0 0 calc(8 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-lg-span-9 { grid-column-end: span 9; flex: 0 0 calc(9 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-lg-span-10 { grid-column-end: span 10; flex: 0 0 calc(10 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-lg-span-11 { grid-column-end: span 11; flex: 0 0 calc(11 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-lg-span-12 { grid-column-end: span 12; flex: 0 0 calc(12 * (100% + var(--ly-g)) / 12 - var(--ly-g)); }
  .ly-lg-span-full { grid-column: 1 / -1; flex: 0 0 100%; }
  /* start: Kezdő oszlop */
  .ly-lg-start-1 { grid-column-start: 1; }
  .ly-lg-start-2 { grid-column-start: 2; }
  .ly-lg-start-3 { grid-column-start: 3; }
  .ly-lg-start-4 { grid-column-start: 4; }
  .ly-lg-start-5 { grid-column-start: 5; }
  .ly-lg-start-6 { grid-column-start: 6; }
  .ly-lg-start-7 { grid-column-start: 7; }
  .ly-lg-start-8 { grid-column-start: 8; }
  .ly-lg-start-9 { grid-column-start: 9; }
  .ly-lg-start-10 { grid-column-start: 10; }
  .ly-lg-start-11 { grid-column-start: 11; }
  .ly-lg-start-12 { grid-column-start: 12; }
  .ly-lg-start-auto { grid-column-start: auto; }
  /* rows: Magasság a rácsban */
  .ly-lg-rows-1 { grid-row-end: span 1; }
  .ly-lg-rows-2 { grid-row-end: span 2; }
  .ly-lg-rows-3 { grid-row-end: span 3; }
  .ly-lg-rows-4 { grid-row-end: span 4; }
  /* order: Sorrend */
  .ly-lg-order-none { order: 0; }
  .ly-lg-order-first { order: -1; }
  .ly-lg-order-last { order: 1; }
  /* show: Láthatóság */
  .ly-lg-show { display: block; }
  .ly-lg-show:where(.ly-box) { display: grid; }
  .ly-lg-hide { display: none; }
  /* self: Igazítás a szülőben */
  .ly-lg-self-stretch { align-self: stretch; }
  .ly-lg-self-start { align-self: start; }
  .ly-lg-self-center { align-self: center; }
  .ly-lg-self-end { align-self: end; }
  /* gap: Térköz */
  .ly-lg-gap-0 { gap: var(--ly-space-0); --ly-g: var(--ly-space-0); }
  .ly-lg-gap-xs { gap: var(--ly-space-xs); --ly-g: var(--ly-space-xs); }
  .ly-lg-gap-s { gap: var(--ly-space-s); --ly-g: var(--ly-space-s); }
  .ly-lg-gap-m { gap: var(--ly-space-m); --ly-g: var(--ly-space-m); }
  .ly-lg-gap-l { gap: var(--ly-space-l); --ly-g: var(--ly-space-l); }
  .ly-lg-gap-xl { gap: var(--ly-space-xl); --ly-g: var(--ly-space-xl); }
  .ly-lg-gap-2xl { gap: var(--ly-space-2xl); --ly-g: var(--ly-space-2xl); }
  /* pad-x: Belső térköz vízszintesen */
  .ly-lg-pad-x-0 { padding-inline: var(--ly-space-0); }
  .ly-lg-pad-x-xs { padding-inline: var(--ly-space-xs); }
  .ly-lg-pad-x-s { padding-inline: var(--ly-space-s); }
  .ly-lg-pad-x-m { padding-inline: var(--ly-space-m); }
  .ly-lg-pad-x-l { padding-inline: var(--ly-space-l); }
  .ly-lg-pad-x-xl { padding-inline: var(--ly-space-xl); }
  .ly-lg-pad-x-2xl { padding-inline: var(--ly-space-2xl); }
  /* pad-y: Belső térköz függőlegesen */
  .ly-lg-pad-y-0 { padding-block: var(--ly-space-0); }
  .ly-lg-pad-y-xs { padding-block: var(--ly-space-xs); }
  .ly-lg-pad-y-s { padding-block: var(--ly-space-s); }
  .ly-lg-pad-y-m { padding-block: var(--ly-space-m); }
  .ly-lg-pad-y-l { padding-block: var(--ly-space-l); }
  .ly-lg-pad-y-xl { padding-block: var(--ly-space-xl); }
  .ly-lg-pad-y-2xl { padding-block: var(--ly-space-2xl); }
  /* items: Tartalom igazítása függőlegesen */
  .ly-lg-items-stretch { align-items: stretch; }
  .ly-lg-items-start { align-items: start; }
  .ly-lg-items-center { align-items: center; }
  .ly-lg-items-end { align-items: end; }
  /* justify: Tartalom igazítása vízszintesen */
  .ly-lg-justify-start { justify-content: start; justify-items: start; }
  .ly-lg-justify-center { justify-content: center; justify-items: center; }
  .ly-lg-justify-end { justify-content: end; justify-items: end; }
  .ly-lg-justify-between { justify-content: space-between; justify-items: stretch; }
}