/* The legal pages (impresszum.html, adatkezeles.html): plain reading pages in the site's colours and font. */
@import url(assets/fonts/fonts.css);
*{box-sizing:border-box;margin:0}
body{font:16px/1.65 Manrope,system-ui,sans-serif;color:#3a4558;background:#f4f7fc}
a{color:#1e5bd8}
a:hover{color:#0b2a66}
.bar{background:#fff;border-bottom:1px solid #e2e8f2}
.bar div,main{max-width:820px;margin:0 auto;padding:0 22px}
.bar div{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.bar img{display:block;height:34px;width:auto}
.bar a.back{font-weight:700;font-size:15px;text-decoration:none}
main{padding-top:48px;padding-bottom:80px}
h1{font-size:clamp(30px,5vw,44px);line-height:1.1;letter-spacing:-.02em;color:#0b1324;font-weight:800}
.date{margin-top:10px;font-size:14px;color:#6b7689}
section{margin-top:36px;padding:28px 30px;background:#fff;border:1px solid #e2e8f2;border-radius:18px}
h2{font-size:20px;line-height:1.3;color:#0b1324;font-weight:800;margin-bottom:12px}
h3{font-size:16px;color:#0b1324;font-weight:700;margin:18px 0 6px}
p+p,p+ul,ul+p{margin-top:10px}
ul{padding-left:20px}
li+li{margin-top:4px}
dl{display:grid;grid-template-columns:minmax(150px,max-content) 1fr;gap:8px 20px}
dt{font-weight:700;color:#0b1324}
@media (max-width:560px){section{padding:22px 18px}dl{grid-template-columns:1fr;gap:2px}dd{margin-bottom:8px}}