/* Árkádia main page below the chamber: yesterday's broadcast, the Hírlap teaser, the map teaser, citizenship
   (card c3b7a5d0, Zoltán TG 50774). The chamber itself is fo.css; each teaser borrows its own direction's look
   so the visitor already sees the paper and the model before clicking through. */
:root {
  --papir: #F5F3EE;
  --papir-sotet: #E9E4D8;
  --tinta: #1B2026;
  --halvany-p: #4A4F55;       /* secondary ink on paper, 7.9:1 on --papir (measured 2026-10-09) */
  --fraktur: 'UnifrakturMaguntia', 'Newsreader', serif;
  --serif: 'Newsreader', Georgia, serif;
  --ko-2: #B9B4AA;            /* muted text on the dark floor, 8.6:1 on #1B1F24 (measured 2026-10-09) */
}

/* live badge over the chamber, top left */
.elo { position: absolute; z-index: 4; top: 18px; left: 28px; margin: 0; display: flex; align-items: center; gap: 10px;
  padding: 8px 14px; background: rgba(10, 12, 14, 0.82); border: 1px solid #3a4047; font: 500 13px/1 var(--sans); color: var(--ko); }
.elo b { color: var(--elefant); font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; }
.elo i { width: 10px; height: 10px; border-radius: 50%; background: var(--nem); box-shadow: 0 0 0 0 rgba(194, 71, 63, 0.7); animation: pulzus 1.8s infinite; }
@keyframes pulzus { 70% { box-shadow: 0 0 0 10px rgba(194, 71, 63, 0); } 100% { box-shadow: 0 0 0 0 rgba(194, 71, 63, 0); } }

/* shared section frame */
.szakasz { max-width: 1280px; margin: 0 auto; padding: 104px 28px 24px; }
.szakasz-fej { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: 48px; align-items: end; margin-bottom: 40px; }
.felcim { grid-column: 1 / -1; margin: 0 0 12px; font: 500 13px/1 var(--sans); color: var(--tabla); text-transform: uppercase; letter-spacing: 0.1em; }
.szakasz-fej h2 { margin: 0; font: 800 clamp(32px, 3.6vw, 50px)/1.06 var(--sans); letter-spacing: -0.02em; }
.szakasz-fej > p:last-child { margin: 0; color: var(--ko); font-size: 18px; max-width: 56ch; }
.gomb { display: inline-flex; align-items: center; min-height: 48px; padding: 0 22px; background: var(--elefant); color: var(--tinta);
  font: 700 16px/1 var(--sans); text-decoration: none; }
.gomb:hover { background: #fff; }
.gomb::after { content: '→'; margin-left: 10px; transition: transform 0.2s; }
.gomb:hover::after { transform: translateX(4px); }
.szakasz-gomb { margin: 32px 0 0; text-align: center; }

/* 1. yesterday's broadcast: poster now, Vera's episode later */
.tegnap-racs { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px; align-items: start; }
.adas { margin: 0; }
.adas-kep { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #0c0e10; border: 1px solid #3a4047; }
.adas-kep img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(0.75) brightness(0.62); transform: scale(1.04);
  animation: kozelit 18s ease-in-out infinite alternate; }
@keyframes kozelit { to { transform: scale(1.12) translate(-1.5%, 1%); } }
.adas-cim { position: absolute; left: 24px; bottom: 22px; margin: 0; font: 800 clamp(24px, 2.6vw, 36px)/1.05 var(--sans); color: var(--elefant);
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.8); }
.adas-cim small { display: block; margin-top: 6px; font: 500 13px/1 var(--sans); color: var(--tabla); }
.adas-jel { position: absolute; left: 24px; top: 20px; padding: 6px 10px; background: var(--tabla); color: #111418; font: 600 12px/1 var(--sans);
  text-transform: uppercase; letter-spacing: 0.08em; }
.adas-gomb { position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%); width: 84px; height: 84px; border-radius: 50%;
  border: 2px solid var(--elefant); background: rgba(10, 12, 14, 0.55); color: var(--elefant); cursor: pointer; display: grid; place-items: center; }
.adas-gomb:hover { background: var(--elefant); color: #111418; }
.adas-gomb svg { margin-left: 4px; }
.adas-ido { position: absolute; right: 12px; bottom: 12px; padding: 4px 8px; background: #0c0e10; font: 600 12px/1 var(--sans); }
.adas-kep video { width: 100%; height: 100%; display: block; object-fit: cover; }
.adas-hossz { color: #9aa0a6; }
.adas figcaption { margin-top: 12px; color: var(--ko); font-size: 15px; min-height: 1.6em; }
.adas-tartalom h3 { margin: 0 0 18px; font: 700 20px/1.2 var(--sans); }
.adas-tartalom ol { margin: 0; padding: 0; list-style: none; }
.adas-tartalom li { position: relative; padding: 0 0 22px 48px; }
.adas-tartalom li + li { padding-top: 22px; border-top: 1px solid #2f353b; }
.adas-tartalom li p { margin: 0; font-size: 16px; line-height: 1.5; color: var(--ko); }
.adas-tartalom li p b { color: var(--elefant); }
.sorszam { position: absolute; left: 0; top: 0; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--vonal);
  font: 600 13px/1 var(--sans); color: var(--tabla); }
.adas-tartalom li + li .sorszam { top: 22px; }
.adas-tartalom em { font-style: normal; font-weight: 700; }
.adas-tartalom em.igen { color: var(--elefant); }
.adas-tartalom em.nem { color: #E0695F; }
.partsor { display: flex; gap: 8px; margin-top: 10px; }
.partsor img { width: 26px; height: 26px; }

/* 2. the Hírlap teaser: a folded copy of today's paper on the desk */
.ujsag { background: var(--papir); color: var(--tinta); padding: 22px 34px 34px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.45);
  transform: rotate(-0.4deg); font-family: var(--serif); }
.ujsag-fej { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; padding-bottom: 12px;
  border-bottom: 3px double var(--tinta); }
.ujsag-ful { margin: 0; font: 500 12px/1.35 var(--sans); color: var(--halvany-p); }
.ujsag-ful-j { text-align: right; }
.ujsag-cim { margin: 0; font: 400 clamp(38px, 5.6vw, 76px)/1 var(--fraktur); text-align: center; white-space: nowrap; }
.ujsag-racs { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 34px; padding-top: 24px; }
.ujsag a { text-decoration: none; }
.ujsag-fo h3 { margin: 16px 0 10px; font: 800 clamp(28px, 3vw, 42px)/1.08 var(--serif); letter-spacing: -0.01em; }
.ujsag-fo p { margin: 0 0 12px; font-size: 18px; line-height: 1.5; }
.ujsag-fo:hover h3 { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.tovabb { font: 700 15px/1 var(--sans); }
.tovabb::after { content: ' →'; }
.raszter-kep { position: relative; margin: 0; }
.raszter-kep .raszter, .raszter-kep img { width: 100%; aspect-ratio: 16 / 10; height: auto; display: block; background: var(--papir-sotet); }
.raszter-kep img { position: absolute; inset: 0; object-fit: cover; filter: grayscale(1) contrast(1.15); }
.raszter-kep.kesz img { opacity: 0; }
.ujsag-oldal { border-left: 1px solid rgba(27, 32, 38, 0.28); padding-left: 30px; display: flex; flex-direction: column; gap: 22px; }
.ujsag-hir { display: grid; grid-template-columns: 120px 1fr; gap: 14px; align-items: start; }
.ujsag-hir img { width: 120px; height: 90px; object-fit: cover; filter: grayscale(1) contrast(1.1); }
.ujsag-hir b { display: block; font: 700 19px/1.25 var(--serif); }
a.ujsag-hir:hover b { text-decoration: underline; }
.rovat { display: block; margin: 0 0 6px; font: 600 11px/1.2 var(--sans); text-transform: uppercase; letter-spacing: 0.1em; color: var(--halvany-p); }
.ujsag-folyoso { display: block; padding-top: 20px; border-top: 1px solid rgba(27, 32, 38, 0.28); }
.ujsag-folyoso blockquote { margin: 0 0 8px; font: italic 400 19px/1.45 var(--serif); }
.apro-p { margin: 0; font: 400 14px/1.45 var(--sans); color: var(--halvany-p); }
.ujsag-archiv { padding-top: 20px; border-top: 1px solid rgba(27, 32, 38, 0.28); }
.ujsag-archiv ol { margin: 0; padding: 0; list-style: none; }
.ujsag-archiv li { display: grid; grid-template-columns: 34px 1fr; padding: 7px 0; font-size: 16px; line-height: 1.35; }
.ujsag-archiv li + li { border-top: 1px dotted rgba(27, 32, 38, 0.35); }
.ujsag-archiv li span { font: 600 13px/1.6 var(--sans); color: var(--halvany-p); }
.gomb-vilagos { background: var(--papir); }

/* 3. the map teaser: the tabletop model with two live pins, the session's two verdict cards beside it */
.makett-racs { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 40px; align-items: start; }
.makett-kep { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #D8D4CC; border: 1px solid #3a4047; }
.makett-kep img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s cubic-bezier(.2, .7, .2, 1); }
.makett-kep:hover img { transform: scale(1.04); }
.tu { position: absolute; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 8px; pointer-events: none; }
.tu i { width: 14px; height: 14px; border-radius: 50%; background: #C2473F; box-shadow: 0 0 0 0 rgba(194, 71, 63, 0.75); animation: pulzus 1.6s infinite; flex: none; }
.tu b { padding: 5px 9px; background: rgba(245, 243, 238, 0.94); color: var(--tinta); font: italic 600 14px/1.2 var(--serif); white-space: nowrap; }
.tu-b i { background: #F2B33D; animation-delay: 0.6s; }
.makett-gomb { position: absolute; right: 16px; bottom: 16px; padding: 12px 18px; background: var(--tinta); color: var(--papir); font: 700 15px/1 var(--sans); }
.makett-gomb::after { content: ' →'; }
.makett-dontes h3 { margin: 0 0 16px; font: 700 20px/1.2 var(--sans); }
.md { display: block; margin-bottom: 18px; padding: 18px 20px; background: var(--papir); color: var(--tinta); border-top: 6px solid var(--p);
  text-decoration: none; transition: transform 0.25s; }
.md:hover { transform: translateY(-3px); }
.md-nem { transform: rotate(-0.5deg); }
.md-igen { transform: rotate(0.4deg); }
.md-fej { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-bottom: 8px; font: 500 13px/1.3 var(--sans); color: var(--halvany-p); }
.md q { display: block; font: 700 19px/1.3 var(--serif); }
.md-szam { display: flex; align-items: center; gap: 6px; margin-top: 10px; font: 400 14px/1 var(--sans); color: var(--halvany-p); }
.md-szam b { font: 600 24px/1 var(--sans); color: var(--tinta); }
.md .pecset { margin-left: auto; padding: 5px 10px; border: 2px solid currentColor; font: 700 13px/1 var(--sans); text-transform: uppercase; transform: rotate(-4deg); }
.md-nem .pecset { color: #A3302A; }
.md-igen .pecset { color: #3F6E4A; }
.md-osszeg { margin: 6px 0 18px; color: var(--ko); font-size: 16px; }

/* 4. citizenship: Robi's live signup widget, themed onto the dark floor */
.polgarsag { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; align-items: center; padding-bottom: 104px; scroll-margin-top: 60px; }
.polgarsag-bal img { width: 140px; height: auto; margin-bottom: 18px; }
.polgarsag-szoveg { margin: 0; font: 400 22px/1.45 var(--sans); color: var(--ko); max-width: 30ch; }
.polgarsag .arkadia-ae {
  --ae-bg: #EFE8D8;
  --ae-fg: #1B2026;
  --ae-muted: #4A4F55;
  --ae-border: #1B2026;
  --ae-accent: #22343F;
  --ae-accent-fg: #EFE8D8;
  --ae-radius: 0;
  --ae-font: 'Public Sans', system-ui, sans-serif;
  margin: 0; max-width: none; padding: 32px 34px;
}
.polgarsag .arkadia-ae__cim { font: 800 30px/1.1 var(--sans); }
.polgarsag .arkadia-ae__lab a { color: var(--tinta); }
.lab .apro { color: var(--ko-2); }

/* rise on scroll: fooldal.js adds .lathato; movement only, never hidden, so a full-page capture that does not scroll still shows it */
.js-mozog .felfed { transform: translateY(36px); transition: transform 0.9s cubic-bezier(.2, .7, .2, 1); }
.js-mozog .felfed.lathato { opacity: 1; transform: none; }
.js-mozog .ujsag.felfed.lathato { transform: rotate(-0.4deg); }

@media (max-width: 1023px) {
  .szakasz-fej, .tegnap-racs, .ujsag-racs, .makett-racs, .polgarsag { grid-template-columns: 1fr; gap: 28px; }
  .szakasz-fej { row-gap: 14px; }
  .ujsag-oldal { border-left: 0; padding-left: 0; border-top: 1px solid rgba(27, 32, 38, 0.28); padding-top: 22px; }
}
@media (max-width: 767px) {
  .elo { top: 12px; left: 14px; padding: 7px 10px; font-size: 12px; }
  .elo span { display: none; }
  .szakasz { padding: 72px 16px 16px; }
  .szakasz-fej > p:last-child { font-size: 16px; }
  .adas-cim { left: 14px; bottom: 14px; }
  .adas-jel { left: 14px; top: 12px; }
  .adas-gomb { width: 64px; height: 64px; }
  .ujsag { padding: 16px 16px 22px; transform: none; }
  .js-mozog .ujsag.felfed.lathato { transform: none; }
  .ujsag-fej { grid-template-columns: 1fr; gap: 6px; }
  .ujsag-ful { display: none; }
  .ujsag-cim { font-size: clamp(32px, 10.5vw, 46px); }
  .ujsag-fo p { font-size: 16px; }
  .ujsag-hir { grid-template-columns: 92px 1fr; }
  .ujsag-hir img { width: 92px; height: 70px; }
  .tu b { font-size: 12px; white-space: normal; max-width: 150px; }
  .makett-gomb { right: 10px; bottom: 10px; padding: 10px 12px; font-size: 14px; }
  .polgarsag { padding-bottom: 72px; }
  .polgarsag .arkadia-ae { padding: 22px 18px; }
  .polgarsag-szoveg { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .elo i, .tu i, .adas-kep img { animation: none; }
  .js-mozog .felfed { transform: none; transition: none; }
}
.md-fej .modell-nyitott { font-style: italic; }