/* ═══════════════════════════════════════════════════════════════════════
   LEGAL PLACEHOLDER PAGES
   One small stylesheet for /privacy and /terms. It borrows the palette and
   type scale of the main site without loading the five-file cascade, so
   these stubs stay light and cannot be affected by changes to the landing
   page. Replace or extend when the real policies ship.
   ═══════════════════════════════════════════════════════════════════════ */
/* Palette aligned to the homepage system (src/css/refine.css section 31.1).
   The ink and accent tiers already matched; the third ink tier, the
   hairline and the sunken band did not, and the page was drawn on pure
   white while the rest of the site sits on warm paper. */
:root{
  color-scheme:light only;
  --ink-1:#12110F;
  --ink-2:#3A3833;
  --ink-3:#66625B;
  --acc:#7C5E10;
  --acc-mid:#AE871F;
  --acc-wash:#FBF6EA;
  --line:rgba(38,29,12,.075);
  --stone:#F7F4ED;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:#FCFAF6;
  color:var(--ink-2);
  font-family:'Manrope',system-ui,-apple-system,sans-serif;
  font-size:16px;
  line-height:1.65;
  letter-spacing:-.006em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
a{color:var(--acc);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:#63490C}

.legal{
  max-width:660px;
  margin:0 auto;
  padding:clamp(38px,7vw,72px) clamp(20px,5vw,28px) clamp(48px,8vw,80px);
}

.legal__brand{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:clamp(34px,6vw,52px);
  color:var(--ink-1);
  font-family:'Inter Tight','Manrope',sans-serif;
  font-size:17px;
  font-weight:800;
  letter-spacing:-.022em;
  text-decoration:none;
}
.legal__brand img{border-radius:50%}
.legal__word span{color:var(--acc-mid)}

.legal__eyebrow{
  margin:0 0 12px;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--acc);
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.legal__eyebrow::before{
  content:"";
  width:22px;
  height:1px;
  background:var(--acc-mid);
  opacity:.55;
}

.legal__title{
  margin:0 0 18px;
  color:var(--ink-1);
  font-family:'Inter Tight','Manrope',sans-serif;
  font-size:clamp(2.1rem,6.2vw,3rem);
  font-weight:800;
  line-height:1.02;
  letter-spacing:-.042em;
}

.legal__lead{
  margin:0 0 26px;
  color:var(--ink-2);
  font-size:clamp(16.5px,1.6vw,18px);
  line-height:1.6;
  max-width:56ch;
}

.legal__note{
  margin:0 0 28px;
  padding:clamp(17px,3vw,22px);
  border:1px solid var(--line);
  border-left:2px solid var(--acc-mid);
  border-radius:14px;
  background:var(--acc-wash);
}
.legal__note p{margin:0;font-size:14.5px;line-height:1.66}

.legal__contact,
.legal__back{margin:0 0 18px;font-size:14.5px}
.legal__back{margin-top:30px;font-weight:700}

.legal__foot{
  margin-top:clamp(40px,7vw,60px);
  padding-top:22px;
  border-top:1px solid var(--line);
}
.legal__foot p{
  margin:0 0 8px;
  color:var(--ink-3);
  font-size:12px;
  line-height:1.7;
}
.legal__foot p:last-child{margin-bottom:0}

@media (max-width:520px){
  .legal__note{border-radius:12px}
}

/* Compact sitewide discovery links; legal copy and document measure remain unchanged. */
.legal__explore{
  margin:0 0 18px;
  padding:0 0 18px;
  border-bottom:1px solid var(--line);
}
.legal__foot .legal__explore-label{
  margin:0 0 9px;
  color:var(--acc);
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.legal__explore nav{display:flex;flex-wrap:wrap;gap:7px 16px}
.legal__explore nav a{font-size:12px;font-weight:750;text-decoration:none}
.legal__explore nav a:hover{text-decoration:underline}
@media (max-width:520px){
  .legal__explore nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
}