/* Shared styling for the legal pages. Same palette and type as the landing
   page, but plain: these documents want to be read, not designed. */
@font-face{
  font-family:'Dorian CLM';
  src:url('../fonts/dorian-clm-bookitalic.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}

:root{
  --paper:#F2EDE3;
  --ink:#2C2A25;
  --ink-soft:#6E6759;
  --ink-display:#3A2C1B;
  --olive:#4E5F48;
  --sage:#5C6855;
  --g2:#A87C33;
  --g3:#D8B45F;
  --line:rgba(44,42,37,.13);
  --font-display:'Dorian CLM', serif;
  --font-body:'Assistant', sans-serif;
}

*{ box-sizing:border-box; }
body{
  margin:0;
  background:
    radial-gradient(64% 46% at 78% 4%, rgba(216,180,95,.16), transparent 66%) fixed,
    var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:17px; line-height:1.9;
}

.wrap{ width:100%; max-width:820px; margin:0 auto; padding-inline:clamp(20px,5vw,48px); }

.site-header{ padding-block:30px; }
.wordmark{ display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.wordmark__name{ font-family:var(--font-display); font-size:20px; color:var(--ink-display); line-height:1; }
/* Same declared font-size as the name, matching the landing page wordmark.
   Do not scale the tagline up to match measured letter heights — the sans
   overpowers the script that way. See the note in ../styles.css. */
.wordmark__rule{ font-size:20px; color:var(--g2); line-height:1; }
.wordmark__rule::before{ content:'|'; }
.wordmark__tag{ font-size:20px; color:var(--sage); line-height:1; }

main{ padding-block:clamp(40px,7vw,72px) clamp(72px,10vw,120px); }

h1{
  font-family:var(--font-display); font-weight:400;
  font-size:clamp(34px,5vw,54px); line-height:1.2;
  color:var(--ink-display); margin:0 0 6px;
}
.sub{ color:var(--sage); font-size:17px; margin:0 0 clamp(30px,4vw,44px); }
h1 + .sub{ margin-top:0; }

h2{
  font-family:var(--font-body); font-weight:700;
  font-size:19px; letter-spacing:.01em;
  color:var(--olive);
  margin:clamp(34px,4vw,48px) 0 10px;
}
p{ margin:0 0 18px; }
ul{ margin:0 0 18px; padding-inline-start:1.25em; }
li{ margin-bottom:6px; }
.updated{ margin-top:clamp(40px,5vw,60px); font-size:15px; color:var(--ink-soft); }

.rule{
  height:1px; border:0; margin:clamp(40px,5vw,56px) 0 0;
  background:linear-gradient(to left, rgba(168,124,51,0), var(--g2) 30%, var(--g3) 60%, rgba(168,124,51,0));
  opacity:.5;
}
.back{
  display:inline-block; margin-top:26px;
  font-size:15px; color:var(--ink-soft); text-decoration:none;
  border-bottom:1px solid var(--line);
}
.back:hover{ color:var(--ink); border-color:var(--g2); }
.back:focus-visible{ outline:2px solid var(--g3); outline-offset:3px; }

/* a flagged passage: something Yael must confirm before launch */
.check{
  border-inline-start:2px solid var(--g3);
  background:rgba(255,255,255,.5);
  padding:16px 20px; border-radius:6px;
  font-size:15.5px; color:var(--ink-soft);
  margin:0 0 18px;
}