/* Rádzs Videó – jogi oldalak (ÁSZF, adatvédelem): az index.html színeivel, egyszerű olvasható elrendezés */
:root {
  --paper: #FFFCF6;
  --surface: #FFFFFF;
  --ink: #1B1426;
  --muted: #6A5E70;
  --line: #EEDFCB;
  --marigold: #FFB31A;
  --saffron-deep: #D9500B;
  --pink: #E8357F;
  --font-display: "Bungee", "Arial Black", Impact, sans-serif;
  --font-body: "Baloo 2", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0C1A1C; --surface: #132629; --ink: #FFF3DF; --muted: #A9BDB9; --line: #24403F;
    --saffron-deep: #FF9A55; --pink: #FF5C9A; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #0C1A1C; --surface: #132629; --ink: #FFF3DF; --muted: #A9BDB9; --line: #24403F;
  --saffron-deep: #FF9A55; --pink: #FF5C9A; color-scheme: dark;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font-body); font-size: 17px; line-height: 1.6; overflow-x: clip; }
.wrap { max-width: 780px; margin: 0 auto; padding: 0 16px; }
.top { border-bottom: 1px solid var(--line); background: var(--surface); }
.top .wrap { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-block: 12px; }
.logo { font-family: var(--font-display); font-size: 20px; text-decoration: none; color: inherit; display: inline-flex; align-items: center; gap: 8px; }
.logo span { color: var(--saffron-deep); }
.logo i { width: 26px; height: 26px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #FFE08A, var(--marigold) 55%, #C77A00); display: grid; place-items: center; font-style: normal; font-size: 11px; color: #6B3A00; }
.top a.back { font-weight: 700; color: inherit; }
main { padding-block: 40px 70px; }
h1 { font-family: var(--font-display); font-weight: 400; font-size: clamp(28px, 6vw, 44px); line-height: 1.05; margin: 0 0 8px; }
.meta { color: var(--muted); font-size: 15px; margin: 0 0 28px; }
h2 { font-size: 22px; margin: 34px 0 8px; line-height: 1.25; }
p, li { margin: 0 0 10px; }
ul, ol { padding-left: 22px; }
a { color: var(--saffron-deep); }
.box { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; margin: 14px 0; }
.box p { margin: 0 0 4px; }
table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 12px 0; display: block; overflow-x: auto; }
th, td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--line); min-width: 130px; }
th { font-weight: 800; }
.todo { font-family: var(--font-mono); font-size: 14px; color: var(--pink); background: rgb(232 53 127 / .08); border-radius: 4px; padding: 0 4px; }
footer { border-top: 1px solid var(--line); padding-block: 24px 40px; color: var(--muted); font-size: 15px; }