/* Nord-Frank árlista – a Design System tokenjeit használja, a zárójeles értékek tartalékok a sablon nélküli megjelenítéshez. */

.nf-arlista{margin:0 0 var(--space-10,48px)}
.nf-arlista:last-child{margin-bottom:0}
.nf-arlista__cim{margin:0 0 var(--space-5,16px);font-size:var(--text-lg,1.1875rem)}

/* Egyoszlopos lista */
.nf-arlista .nf-arlista__sorok{list-style:none;margin:0;padding:0;max-width:none;border-top:1px solid var(--border-subtle,#E7E2DA)}
.nf-arlista--lista{max-width:880px}
.nf-arlista--ket-oszlop .nf-arlista__sorok{column-count:2;column-gap:var(--space-9,40px)}
.nf-arlista__sor{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-5,16px);padding:var(--space-4,12px) 0;border-bottom:1px solid var(--border-subtle,#E7E2DA);break-inside:avoid;margin:0}
.nf-arlista__nev{font-size:var(--text-sm,.9375rem);color:var(--text-secondary,#5B564D);line-height:var(--leading-normal,1.35)}
.nf-arlista__ar{font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--text-sm,.9375rem);font-weight:var(--weight-medium,500);color:var(--text-primary,#1C1A17);white-space:nowrap;text-align:right}
.nf-arlista__leiras{display:block;font-size:var(--text-xs,.8125rem);color:var(--text-muted,#7F796F)}
.nf-arlista__megjegyzes{margin:var(--space-5,16px) 0 0;font-size:var(--text-xs,.8125rem);color:var(--text-muted,#7F796F)}

/* Méret szerinti mátrix */
.nf-arlista__gorgeto{overflow-x:auto;border:1px solid var(--border-subtle,#E7E2DA);border-radius:var(--radius-lg,10px);background:var(--surface-card,#fff)}
.nf-arlista__tabla{width:100%;border-collapse:collapse;font-size:var(--text-sm,.9375rem)}
.nf-arlista__tabla th,.nf-arlista__tabla td{padding:var(--space-4,12px) var(--space-5,16px);border-bottom:1px solid var(--border-subtle,#E7E2DA);text-align:right;vertical-align:baseline}
.nf-arlista__tabla tbody tr:last-child th,.nf-arlista__tabla tbody tr:last-child td{border-bottom:0}
.nf-arlista__tabla thead th{font-family:var(--font-display,Arial,sans-serif);font-weight:var(--weight-semibold,600);font-size:var(--text-xs,.8125rem);letter-spacing:var(--tracking-eyebrow,.1em);text-transform:uppercase;color:var(--text-secondary,#5B564D);background:var(--surface-sunken,#FAF8F5);white-space:nowrap}
.nf-arlista__tabla th[scope=row],.nf-arlista__tabla thead th:first-child{text-align:left}
.nf-arlista__tabla th[scope=row]{font-weight:var(--weight-regular,400);color:var(--text-primary,#1C1A17);min-width:14em}
.nf-arlista__tabla td{font-family:var(--font-mono,ui-monospace,monospace);font-weight:var(--weight-medium,500);white-space:nowrap}

@media (max-width:720px){
  .nf-arlista--ket-oszlop .nf-arlista__sorok{column-count:1}
  .nf-arlista__gorgeto{border:0;background:transparent;overflow:visible}
  .nf-arlista__tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .nf-arlista__tabla,.nf-arlista__tabla tbody,.nf-arlista__tabla tr,.nf-arlista__tabla th,.nf-arlista__tabla td{display:block}
  .nf-arlista__tabla tr{border:1px solid var(--border-subtle,#E7E2DA);border-radius:var(--radius-lg,10px);background:var(--surface-card,#fff);margin-bottom:var(--space-5,16px);overflow:hidden}
  .nf-arlista__tabla th[scope=row]{background:var(--surface-sunken,#FAF8F5);font-family:var(--font-display,Arial,sans-serif);font-weight:var(--weight-semibold,600);min-width:0}
  .nf-arlista__tabla td{display:flex;justify-content:space-between;gap:var(--space-5,16px)}
  .nf-arlista__tabla td::before{content:attr(data-label);font-family:var(--font-body,Arial,sans-serif);font-weight:var(--weight-regular,400);color:var(--text-secondary,#5B564D)}
  .nf-arlista__tabla tbody tr:last-child td{border-bottom:1px solid var(--border-subtle,#E7E2DA)}
  .nf-arlista__tabla tbody tr td:last-child{border-bottom:0}
}

/* Kategória-fülek */
.nf-arfulek__lista{display:flex;gap:var(--space-7,24px);border-bottom:1px solid var(--border-subtle,#E7E2DA);overflow-x:auto;margin-bottom:var(--space-9,40px)}
.nf-arfulek__ful{appearance:none;background:transparent;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:var(--space-4,12px) 0;cursor:pointer;font-family:var(--font-display,Arial,sans-serif);font-size:var(--text-base,1.0625rem);font-weight:var(--weight-semibold,600);color:var(--text-secondary,#5B564D);white-space:nowrap;transition:var(--transition-control,none)}
.nf-arfulek__ful:hover{color:var(--text-primary,#1C1A17)}
.nf-arfulek__ful[aria-selected=true]{color:var(--text-primary,#1C1A17);border-bottom-color:var(--nf-amber-500,#FDC334)}
.nf-arfulek__panel+.nf-arfulek__panel{margin-top:var(--space-11,64px)}
.nf-arfulek.is-aktiv .nf-arfulek__panel+.nf-arfulek__panel{margin-top:0}
.nf-arfulek.is-aktiv .nf-arfulek__panelcim{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.nf-ar{font-family:var(--font-mono,ui-monospace,monospace);white-space:nowrap}
.nf-arlista-ervenyes{font-size:var(--text-sm,.9375rem);color:var(--text-secondary,#5B564D)}
.nf-arlista-hiba{padding:var(--space-4,12px);border:1px dashed var(--nf-red-600,#C81E2A);color:var(--nf-red-700,#A81820)}