/* Shared styles for the legal pages: terms.html, privacy.html, accessibility.html */
:root{ --bg:#ffffff; --panel:#c9c7c0; --ink:#201f1c; --muted:#6f6c65; --accent:#8a6f42; --line-strong:rgba(32,31,28,0.32); }
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  background:var(--bg); color:var(--ink); font-family:'Bellefair',serif; font-size:19px; line-height:1.8;
  min-height:100vh; display:flex; flex-direction:column;
}
button, input{ font-family:inherit; }
img{ max-width:100%; display:block; }
a{ color:inherit; }
html.lang-he [data-en-only]{ display:none !important; }
html.lang-en [data-he-only]{ display:none !important; }

.lg-header{ border-bottom:1px solid var(--line-strong); }
.lg-header .wrap{ max-width:1040px; margin:0 auto; padding:22px 34px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.lg-header .logo{ height:54px; width:auto; }
.lg-lang{
  border:1px solid var(--line-strong); padding:8px 18px; font-size:13.5px; letter-spacing:1.5px;
  background:transparent; color:var(--ink); cursor:pointer; font-family:'IBM Plex Mono',monospace;
}
.lg-lang:hover{ background:var(--ink); color:#fff; }

main{ flex:1; width:100%; max-width:820px; margin:0 auto; padding:64px 34px 90px; }
.kicker{ display:flex; align-items:center; gap:12px; color:var(--accent); font-size:13px; letter-spacing:3px; text-transform:uppercase; margin-bottom:18px; }
.kicker::before{ content:""; width:34px; height:1px; background:var(--accent); }
h1, h2{ font-weight:400; font-family:'Bellefair',serif; letter-spacing:.3px; }
h1{ font-size:46px; line-height:1.2; margin-bottom:10px; }
.updated{ color:var(--muted); font-size:15px; margin-bottom:42px; }
h2{ font-size:27px; line-height:1.3; margin:44px 0 12px; }
p{ margin-bottom:16px; color:#3b3a36; }
ul{ margin:0 0 16px; padding-inline-start:26px; }
li{ margin-bottom:8px; color:#3b3a36; }
main a{ color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.todo{ background:#fff0a8; padding:0 5px; }
.back{
  display:inline-block; margin-top:36px; border:1px solid var(--ink); color:var(--ink); padding:12px 26px;
  text-decoration:none; font-size:15px; letter-spacing:1px; transition:background .2s ease, color .2s ease;
}
main a.back{ color:var(--ink); text-decoration:none; }
main a.back:hover{ background:var(--ink); color:#fff; }

.lg-footer{ background:var(--panel); border-top:1px solid var(--line-strong); }
.lg-footer .wrap{ max-width:1040px; margin:0 auto; padding:26px 34px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:14px 28px; font-size:14.5px; color:#4c4a44; }
.lg-footer nav{ display:flex; flex-wrap:wrap; gap:8px 24px; }
.lg-footer a{ text-decoration:none; }
.lg-footer a:hover{ text-decoration:underline; text-underline-offset:3px; }

@media (max-width:700px){
  body{ font-size:17.5px; }
  h1{ font-size:34px; }
  h2{ font-size:23px; margin-top:36px; }
  main{ padding:40px 22px 70px; }
  .lg-header .wrap, .lg-footer .wrap{ padding-left:22px; padding-right:22px; }
  .lg-header .logo{ height:46px; }
}