/* Kinda School — legal pages (privacy + oferta + terms + kontakty).
   Shared shell: readable prose. Brand tokens + @font-face live in /tokens.css,
   which each legal page links BEFORE this file. Pages carry finalized UA legal text.
   Brand: Blue Daisies #7F95E4 · Golden Gold #FBD160 · Teal Beams #1AC1B9 · Deep Navy #1F2D5C */

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--white); color:var(--navy);
  font-family:'Inter',system-ui,sans-serif; font-size:var(--fs-17); line-height:var(--lh-body);
  -webkit-font-smoothing:antialiased; }

.wrap { max-width:var(--maxw-prose); margin:0 auto; padding:0 24px; }

/* Header — logo links home */
.legal-header { border-bottom:1px solid var(--line); }
.legal-header .wrap { display:flex; align-items:center; min-height:72px; }
.legal-header .logo { display:inline-flex; align-items:center; text-decoration:none; }
.legal-header .logo img { height:48px; width:auto; display:block; }

/* Prose */
main.legal { padding:48px 0 64px; }
.legal h1 { font-family:'Nunito',sans-serif; font-weight:800; font-size:clamp(28px,5vw,40px);
  line-height:1.1; letter-spacing:-0.015em; margin:0 0 8px; }
.legal h2 { font-family:'Nunito',sans-serif; font-weight:800; font-size:var(--fs-22); line-height:1.2;
  margin:36px 0 10px; }
.legal p, .legal li { color:var(--navy); }
.legal p { margin:0 0 14px; }
.legal ul { margin:0 0 14px; padding-left:22px; }
.legal li { margin:0 0 6px; }
.legal a { color:var(--blue-ink); }
.legal .updated { color:var(--navy-soft); font-size:var(--fs-sm); margin-bottom:8px; }
/* Copy Engine slots render as muted italic placeholders until filled. */
.legal .slot { color:var(--navy-soft); font-style:italic; }

/* Footer — matches the landing */
.legal-footer { border-top:1px solid var(--line); padding:28px 0; }
.legal-footer .wrap { display:flex; align-items:center; justify-content:space-between;
  gap:14px; flex-wrap:wrap; }
.legal-footer nav { display:flex; gap:18px; flex-wrap:wrap; }
.legal-footer a { color:var(--navy-soft); text-decoration:none; font-size:var(--fs-sm); }
.legal-footer a:hover { color:var(--navy); }
.legal-footer .tag { color:var(--navy-soft); font-size:var(--fs-sm); }
.legal-footer .tag a { text-decoration:underline; }