/* Shared styles for the legal pages (impresszum, aszf, adatkezeles, sutik).
   Same fixed palette as index.html / gallery.html. */
:root{
  --ink:#15161a; --ink-2:#1c1e23; --parchment:#f7f1e3; --parchment-2:#efe1c4;
  --gold:#b98a4e; --gold-bright:#dbae6d; --gold-deep:#96693a; --rust:#8f5641;
  --text-on-dark:#efe7d8; --text-on-dark-dim:#efe7d8a8;
  --text-on-light:#262015; --text-on-light-dim:#26201599;
  --line-on-dark:#efe7d824; --line-on-light:#26201522;
}
*,*::before,*::after{ box-sizing:border-box; }
body{ margin:0; background:var(--parchment); color:var(--text-on-light); font-family:'Jost',sans-serif; font-weight:300; -webkit-font-smoothing:antialiased; }
a{ color:var(--gold-deep); }
.container{ max-width:860px; margin:0 auto; padding:0 clamp(20px,5vw,56px); }

.lnav{ background:var(--ink); border-bottom:1px solid var(--line-on-dark); }
.lnav .container{ max-width:1180px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:14px; padding-bottom:14px; flex-wrap:wrap; }
.lnav .mark{ font-family:'Cormorant Garamond',serif; font-size:42px; line-height:1; color:var(--text-on-dark); text-decoration:none; }
.lnav .mark .s{ font-style:italic; font-weight:600; }
.lnav .mark .i{ color:var(--gold-bright); font-weight:500; margin-left:-1px; }
.lnav nav{ display:flex; gap:26px; flex-wrap:wrap; }
.lnav nav a{ color:var(--text-on-dark-dim); text-decoration:none; font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.lnav nav a:hover{ color:var(--text-on-dark); }

.ltabs{ border-bottom:1px solid var(--line-on-light); background:var(--parchment-2); }
.ltabs .container{ display:flex; gap:6px 24px; flex-wrap:wrap; padding-top:14px; padding-bottom:14px; }
.ltabs a{ text-decoration:none; font-size:13px; color:var(--text-on-light-dim); padding:4px 0; }
.ltabs a[aria-current="page"]{ color:var(--text-on-light); box-shadow:0 1px 0 var(--gold); }

.doc{ padding:56px 0 90px; line-height:1.75; font-size:15.5px; }
.doc .eyebrow{ font-family:'Cormorant Garamond',serif; font-style:italic; font-size:13px; letter-spacing:.17em; text-transform:uppercase; color:var(--rust); }
.doc h1{ font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:400; font-size:clamp(34px,5vw,50px); line-height:1.1; margin:10px 0 8px; }
.doc .meta{ color:var(--text-on-light-dim); font-size:13px; margin-bottom:28px; }
.doc h2{ font-family:'Cormorant Garamond',serif; font-weight:500; font-size:25px; margin:42px 0 10px; padding-bottom:8px; border-bottom:1px solid var(--line-on-light); }
.doc h3{ font-size:15.5px; font-weight:500; margin:24px 0 6px; }
.doc p, .doc ul, .doc ol{ margin:0 0 14px; }
.doc ul, .doc ol{ padding-left:22px; }
.doc li{ margin-bottom:6px; }
.doc strong{ font-weight:500; }
.doc table{ width:100%; border-collapse:collapse; margin:10px 0 20px; font-size:14.5px; }
.doc th, .doc td{ text-align:left; vertical-align:top; padding:10px 12px; border-bottom:1px solid var(--line-on-light); }
.doc th{ width:36%; font-weight:500; color:var(--text-on-light); }
.doc .table-wrap{ overflow-x:auto; }
.doc .table-wrap table th{ width:auto; }
.lang-note{ background:var(--parchment-2); border:1px solid var(--line-on-light); border-radius:4px; padding:14px 18px; font-size:13.5px; color:var(--text-on-light-dim); margin-bottom:30px; }
.lang-note p{ margin:0 0 4px; }
.lang-note p:last-child{ margin:0; }
.box{ border-left:2px solid var(--gold); padding:4px 0 4px 16px; margin:16px 0; }

footer{ background:var(--ink); color:var(--text-on-dark-dim); padding:34px 0; font-size:12.5px; }
footer .container{ max-width:1180px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
footer a{ color:var(--text-on-dark-dim); text-decoration:none; margin-right:18px; }
footer a:hover{ color:var(--gold-bright); }
@media print{ .lnav, .ltabs, footer{ display:none; } body{ background:#fff; } }
