/* Artino — shared styles for legal / content pages */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600&family=Inter:wght@400;500;600&display=swap');

:root {
  --bg:#0C0A08; --surface:#16120D; --tungsten:#E8A33D; --halo:#F4C879;
  --cream:#F4EEE2; --grey:#A89F92; --line:rgba(232,163,61,0.18);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0; background:var(--bg); color:var(--cream);
  font-family:'Inter',system-ui,sans-serif; font-size:15.5px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a { color:var(--halo); }

.legal-nav {
  position:sticky; top:0; z-index:5;
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 24px; background:rgba(12,10,8,0.85); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.legal-nav .brand {
  font-family:'Fraunces',Georgia,serif; font-size:20px; font-weight:600;
  color:var(--cream); text-decoration:none; letter-spacing:0.3px;
}
.legal-nav .brand b { color:var(--tungsten); }
.legal-nav a.back { font-size:14px; color:var(--grey); text-decoration:none; }
.legal-nav a.back:hover { color:var(--halo); }

main.legal {
  max-width:760px; margin:0 auto; padding:56px 24px 80px;
}
.legal h1 {
  font-family:'Fraunces',Georgia,serif; font-weight:600;
  font-size:38px; line-height:1.15; margin:0 0 6px;
}
.legal .updated { color:var(--grey); font-size:13.5px; margin:0 0 28px; }
.legal h2 {
  font-family:'Fraunces',Georgia,serif; font-weight:600; font-size:23px;
  margin:40px 0 12px; padding-top:14px; border-top:1px solid var(--line);
}
.legal h3 { font-size:17px; margin:24px 0 8px; color:var(--halo); }
.legal p, .legal li { color:#d8d0c2; }
.legal ul { padding-left:20px; }
.legal li { margin:6px 0; }
.legal strong { color:var(--cream); }
.legal a { text-decoration:underline; }
.legal table { width:100%; border-collapse:collapse; margin:16px 0; font-size:14px; }
.legal th, .legal td { border:1px solid var(--line); padding:9px 12px; text-align:left; vertical-align:top; }
.legal th { background:var(--surface); color:var(--cream); }

.note {
  background:rgba(232,163,61,0.08); border:1px solid var(--line);
  border-radius:6px; padding:14px 16px; margin:0 0 32px; font-size:14px; color:#e6dccb;
}
.placeholder { color:var(--tungsten); font-weight:600; }

.legal .address {
  background:var(--surface); border:1px solid var(--line);
  border-radius:6px; padding:14px 16px; margin:16px 0;
}

.legal-foot {
  border-top:1px solid var(--line); margin-top:56px; padding-top:22px;
  display:flex; gap:18px; flex-wrap:wrap; font-size:14px;
}
.legal-foot a { color:var(--grey); text-decoration:none; }
.legal-foot a:hover { color:var(--halo); }
.legal-foot .sp { flex:1; }
@media (max-width:560px){ .legal h1{font-size:30px;} main.legal{padding:40px 18px 60px;} }