/* A megosztható videóoldal stílusa (public/bemutato-video/). */
:root { color-scheme: light; }
body {
  margin: 0; min-height: 100vh; color: #17324b;
  background:
    radial-gradient(120% 70% at 10% 0%, rgba(57,123,128,.12), transparent 46%),
    radial-gradient(90% 60% at 96% 8%, rgba(189,148,63,.10), transparent 46%),
    linear-gradient(180deg, #f6f2e9, #f2eee5 60%, #eef0eb);
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.lap { max-width: 980px; margin: 0 auto; padding: clamp(20px, 4vw, 48px); }
.eyebrow { font-size: .8rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #397b80; margin: 0 0 .7rem; }
h1 { font-family: 'Fraunces', Georgia, serif; font-weight: 700; font-size: clamp(2rem, 4.6vw, 2.9rem); line-height: 1.08; letter-spacing: -.015em; margin: 0; }
.leiras { font-size: 1.05rem; line-height: 1.62; color: #3c4d54; margin: 1rem 0 0; max-width: 62ch; }
.nyelvek { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 1.4rem 0 .8rem; }
.nyelvek-cim { font-size: .9rem; color: #60747a; }
.nyelv {
  text-decoration: none; font-size: .9rem; font-weight: 600; color: #1f5961;
  padding: .35rem .95rem; border: 1px solid rgba(23,50,75,.2); border-radius: 999px; background: #fffdf7;
}
.nyelv.on { background: #1f5961; border-color: #1f5961; color: #fff; }
.nyelv:focus-visible, .gomb:focus-visible { outline: 3px solid #bd943f; outline-offset: 2px; }
.video { margin: 0; }
.video video {
  display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #17324b;
  border: 1px solid rgba(23,50,75,.14); border-radius: 12px; box-shadow: 0 14px 40px rgba(25,64,72,.16);
}
.video figcaption { margin-top: .5rem; font-size: .85rem; color: #60747a; text-align: right; }
.megosztas { margin-top: clamp(24px, 4vw, 40px); }
.megosztas h2 { font-family: 'Fraunces', Georgia, serif; font-size: 1.35rem; margin: 0 0 .4rem; }
.jegyzet { font-size: .92rem; color: #60747a; line-height: 1.5; margin: 0 0 .9rem; max-width: 62ch; }
.gombok { display: flex; flex-wrap: wrap; gap: .6rem; }
.gomb {
  font: inherit; font-size: .95rem; font-weight: 600; text-decoration: none; cursor: pointer;
  color: #fff; background: #1f5961; border: 0; padding: .65rem 1.1rem; border-radius: 10px;
}
.gomb:hover { background: #184a51; }
.visszajelzes { min-height: 1.4em; margin: .7rem 0 0; font-size: .92rem; color: #1f5961; }
.labjegyzet { margin-top: clamp(28px, 5vw, 48px); padding-top: 16px; border-top: 1px solid rgba(23,50,75,.14); font-size: .92rem; color: #60747a; }
.labjegyzet a { color: #1f5961; }