/* adatiq Akadémia — jogi oldalak (Impresszum, ÁSZF, Adatkezelési
   tájékoztató). Design-mintája a szolgaltatasfejlesztes.hu (NRC testvér-
   oldalának) jóváhagyott "legal-light" stílusa — csak a design vettük át,
   a mi tokens.css design-rendszerünkre (krém háttér, sötét szöveg)
   stílusozva, nem a forrás saját (hűvös szürke) színpalettájára. */

.legal-page{padding:34px 0 70px;}
.legal-crumb{font-size:13px;color:var(--ink-soft);margin-bottom:14px;}
.legal-crumb a{color:var(--ink-soft);text-decoration:none;}
.legal-crumb a:hover{color:var(--deep);}
.legal-title{font-family:'Source Serif 4',serif;font-size:36px;line-height:1.15;letter-spacing:-0.02em;margin:0 0 10px;font-weight:600;color:var(--ink);}
.legal-lede{font-size:16px;color:var(--ink-soft);max-width:640px;margin:0 0 6px;line-height:1.55;}
.legal-updated{font-size:13px;color:var(--ink-soft);margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line);}

.legal-sec{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:500;letter-spacing:0.09em;text-transform:uppercase;color:var(--deep);margin:44px 0 18px;display:flex;align-items:center;gap:12px;}
.legal-sec:after{content:"";flex:1;height:1px;background:var(--line);}

/* cégkártya (Impresszum) */
.legal-card{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:0 14px 14px 0;padding:26px 26px 22px;}
.legal-chead{display:flex;align-items:center;gap:16px;margin-bottom:6px;}
.legal-clogo{width:52px;height:52px;flex:none;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:12px;}
.legal-clogo .dots{display:flex;align-items:center;gap:4px;}
.legal-clogo .dots i{border-radius:50%;display:inline-block;}
.legal-clogo .dots i:nth-child(1){width:7px;height:7px;background:var(--mint);}
.legal-clogo .dots i:nth-child(2){width:11px;height:11px;background:var(--teal);}
.legal-clogo .dots i:nth-child(3){width:15px;height:15px;background:var(--deep);}
.legal-crole{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;margin-bottom:3px;}
.legal-cname{font-family:'Source Serif 4',serif;font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);}
.legal-cdesc{font-size:14px;color:var(--ink-soft);margin:16px 0 18px;line-height:1.6;padding-bottom:16px;border-bottom:1px solid var(--line);}
.legal-cdata{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;margin:0;font-size:14px;}
.legal-cdata dt{color:var(--ink-soft);white-space:nowrap;font-size:13.5px;}
.legal-cdata dd{margin:0;color:var(--ink);}
.legal-cdata dd a{color:var(--deep);text-decoration:none;}
.legal-cdata dd a:hover{text-decoration:underline;}

/* info-doboz (Kapcsolat) */
.legal-info{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px;}
.legal-info p{margin:0 0 10px;color:var(--ink-soft);font-size:15px;line-height:1.6;}
.legal-info p:last-child{margin-bottom:0;}
.legal-info strong{color:var(--ink);}
.legal-info a{color:var(--deep);text-decoration:none;font-weight:600;}
.legal-info a:hover{text-decoration:underline;}

/* hír-cikk oldal (/hirek/:slug) — a hosszú szöveg alatta ugyanazt a
   "legal-*" tipográfiát használja, mint az ÁSZF/Adatkezelési tájékoztató
   (crumb + hosszú szöveg). A fejléc 2026-08-31 óta a közös, globális
   .poster-cover.poster-hero komponens (l. tokens.css + render/hirek.js
   posterCoverHtml()) — nem itt, mert a főoldal/​hirek lista más pageCss-t
   (home.css) használ, csak a tokens.css tölt be minden oldalon. */
.news-detail-byline{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-soft);}

/* hosszú jogi szöveg (ÁSZF, Adatkezelési tájékoztató) */
.legal-body{margin-top:12px;max-width:760px;}
.legal-body h2{font-family:'Source Serif 4',serif;font-size:21px;font-weight:600;letter-spacing:-0.01em;margin:40px 0 14px;padding-top:22px;border-top:1px solid var(--line);color:var(--ink);}
.legal-body h2:first-child{margin-top:0;padding-top:0;border-top:none;}
.legal-body h3{font-size:16px;font-weight:600;margin:24px 0 10px;color:var(--ink);}
.legal-body p{margin:0 0 15px;color:var(--ink-soft);line-height:1.65;}
.legal-body ul{margin:0 0 16px;padding-left:20px;color:var(--ink-soft);}
.legal-body li{margin-bottom:7px;line-height:1.6;}
.legal-body a{color:var(--deep);text-decoration:underline;}
.legal-body blockquote{margin:0 0 16px;padding:2px 0 2px 18px;border-left:3px solid var(--teal);color:var(--ink-soft);font-style:italic;line-height:1.6;}

@media(max-width:600px){
  .legal-title{font-size:27px;}
}