/* Csak a külső keret. A középső weboldal saját dokumentum és saját stílus. */
:root { --template-rail: 15vw; }
html, body { margin: 0; width: 100%; height: 100%; background: #f2f6fa; }
.banner-template-rail {
  position: fixed; top: 0; bottom: 0; width: var(--template-rail);
  padding: 0; box-sizing: border-box; display: grid;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); gap: 0;
}
.banner-template-left { left: 0; }
.banner-template-right { right: 0; }
.banner-template-rail > [data-ad-zone] { position: relative; min-height: 0; overflow: hidden; border-radius: 0; isolation: isolate; }
.website-content {
  position: fixed; top: 0; bottom: 0; left: var(--template-rail);
  width: calc(100% - 2 * var(--template-rail)); height: 100dvh;
  border: 0; display: block; background: #fff;
}
html.afy-v3-mobile .banner-template-rail { display: none !important; }
html.afy-v3-mobile-hidden .website-content { left: 0; width: 100%; }
/* Bekapcsolt telefonon a V3 saját 15%-os síneket készít; a közép 70% marad. */
html.afy-v3-mobile-visible .website-content { left: var(--template-rail); width: calc(100% - 2 * var(--template-rail)); }
/* Admin tartalomnál nincs reklám. Ezt csak a közép útvonala vezérli. */
html.template-admin .banner-template-rail,
html.template-admin .afy-v3-layout,
html.template-admin .afy-v3-tablet-notice { display: none !important; }
html.template-admin .website-content { left: 0; width: 100%; }
#connection-error { position: fixed; inset: auto 10px 10px; z-index: 10; padding: 12px; background: #fff0ed; color: #813427; font: 14px system-ui; }
#connection-error[hidden] { display: none; }