/* Styles for the standalone legal documents (impresszum, adatkezelesi
   tajekoztato). The token block is copied verbatim from index.html so the
   documents cannot drift from the site's palette; everything below it is
   document typography, which the home page has no use for. */
:root{
  --bg:#ffffff; --bg-soft:#f5f8fb; --line:#e3e9ef; --line-strong:#8b9aab;
  --ink:#0f2338; --ink-muted:#5a6b7c;
  --navy:#0b3a6e; --navy-hover:#082c54; --on-navy:#ffffff;
  --green:#2e9f55; --green-ink:#1a7a3a; --green-soft:#eaf6ee;
  --floor:#c9d8e6; --shine:#ffffff;
  --font:"Archivo","Segoe UI",system-ui,sans-serif;
  --wrap:1160px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0c1520; --bg-soft:#111d2b; --line:#1f2f41; --line-strong:#5e7288;
    --ink:#e9eef4; --ink-muted:#9aabbd;
    --navy:#2f6cb3; --navy-hover:#3a7bc6;
    --green:#4cc07a; --green-ink:#6fd296; --green-soft:#132c1f;
    --floor:#2a3d53; --shine:#111d2b;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0c1520; --bg-soft:#111d2b; --line:#1f2f41; --line-strong:#5e7288;
  --ink:#e9eef4; --ink-muted:#9aabbd;
  --navy:#2f6cb3; --navy-hover:#3a7bc6;
  --green:#4cc07a; --green-ink:#6fd296; --green-soft:#132c1f;
  --floor:#2a3d53; --shine:#111d2b;
}
*{box-sizing:border-box}

@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;
  src:url(../media/fonts/archivo-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;
  src:url(../media/fonts/archivo-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

html{scroll-behavior:smooth;scroll-padding-top:88px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:780px;margin:0 auto;padding-inline:32px}
a{color:var(--navy);text-underline-offset:3px}
a:hover{color:var(--navy-hover)}

header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.bar{max-width:var(--wrap);margin:0 auto;padding:16px 32px;display:flex;align-items:center;gap:16px}
.logo{font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.logo span{width:7px;height:7px;border-radius:50%;background:var(--green)}
.bar-tools{margin-left:auto;display:flex;align-items:center;gap:10px}
.langs{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.lang-btn{font:inherit;font-size:14px;font-weight:500;padding:7px 14px;border:0;background:none;color:var(--ink-muted);cursor:pointer}
.lang-btn[aria-pressed="true"]{background:var(--navy);color:var(--on-navy)}
.icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--ink);display:grid;place-items:center;cursor:pointer}
.icon-btn:hover{border-color:var(--line-strong)}
.icon-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:root[data-theme="dark"] .i-sun,.i-moon{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .i-moon{display:none}:root:not([data-theme="light"]) .i-sun{display:block}}
:root[data-theme="dark"] .i-moon{display:none}
:root[data-theme="light"] .i-sun{display:none}:root[data-theme="light"] .i-moon{display:block}
.i-sun{display:none}

main{padding-block:64px 96px}
.doc-head{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--line)}
.eyebrow{margin:0;font-size:13px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--green-ink)}
h1{margin:16px 0 0;font-size:clamp(30px,5vw,42px);line-height:1.12;letter-spacing:-.02em}
.doc-meta{margin:16px 0 0;font-size:14px;color:var(--ink-muted)}
h2{margin:48px 0 0;font-size:clamp(21px,2.6vw,25px);line-height:1.25;letter-spacing:-.01em;scroll-margin-top:88px}
h3{margin:32px 0 0;font-size:18px;line-height:1.35;font-weight:600}
p{margin:14px 0 0}
ul,ol{margin:14px 0 0;padding-left:24px}
li{margin-top:7px}
.lead{font-size:19px;line-height:1.6;color:var(--ink-muted)}
.toc{margin:32px 0 0;padding:20px 24px;background:var(--bg-soft);border:1px solid var(--line);border-radius:14px}
.toc p{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}
.toc ol{margin:0;padding-left:20px;font-size:15px}

/* Facts that a regulator or a visitor looks up by name read better as rows
   than as prose. */
.facts-t{width:100%;margin-top:16px;border-collapse:collapse;font-size:16px}
.facts-t th,.facts-t td{text-align:left;vertical-align:top;padding:12px 16px 12px 0;border-bottom:1px solid var(--line)}
.facts-t th{width:38%;font-weight:600;color:var(--ink-muted)}
.scroll-x{overflow-x:auto;margin-top:16px}
.scroll-x .facts-t{margin-top:0;min-width:560px}
.todo{background:var(--green-soft);border:1px dashed var(--green);border-radius:10px;padding:3px 9px;font-size:14px;font-weight:600;color:var(--green-ink);white-space:nowrap}
.note{margin-top:32px;padding:18px 22px;background:var(--bg-soft);border:1px solid var(--line);border-left:3px solid var(--green);border-radius:0 12px 12px 0;font-size:15px;line-height:1.55;color:var(--ink-muted)}

footer{border-top:1px solid var(--line);padding-block:40px 56px;font-size:14px;color:var(--ink-muted)}
footer .wrap{max-width:var(--wrap)}
.legal-nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px}
.legal-nav a,.legal-nav button{color:var(--ink-muted);text-decoration:underline;text-underline-offset:3px}
.legal-nav button{background:none;border:0;padding:0;font:inherit;cursor:pointer}
.legal-nav a:hover,.legal-nav button:hover{color:var(--ink)}
[lang][hidden]{display:none}
@media (max-width:620px){
  .wrap{padding-inline:20px}
  .bar{padding:14px 20px}
  main{padding-block:40px 64px}
  body{font-size:16px}
}
@media print{
  header,footer .legal-nav,.cc,.toc{display:none}
  body{font-size:11pt;color:#000;background:#fff}
  a{color:#000}
}