/* Standalone styling for the legal pages (terms, privacy, accessibility).
   Kept self-contained so these pages don't depend on the main stylesheet. */
:root{
  --navy:#101E2C; --paper:#FDFCF8; --ink:#1B211F; --ink-soft:#4B564F;
  --brass:#9C7A3C; --brass-light:#C9A24B; --line:rgba(16,30,44,0.12);
}
*{ box-sizing:border-box; }
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:"Inter","Helvetica Neue",Arial,sans-serif;
  line-height:1.65; font-size:16px;
}
.legal-header{
  background:var(--navy); color:var(--paper); padding:26px 0;
}
.wrap{ max-width:820px; margin:0 auto; padding:0 24px; }
.legal-header a.back{
  color:var(--brass-light); font-size:13.5px; text-decoration:none;
  border-bottom:1px solid transparent;
}
.legal-header a.back:hover{ border-color:var(--brass-light); }
.legal-header .site{
  font-family:"Fraunces",Georgia,serif; font-size:20px; margin-top:6px; color:var(--paper);
}
main.legal{ padding:54px 0 80px; }
.legal h1{
  font-family:"Fraunces",Georgia,serif; font-weight:500;
  font-size:34px; line-height:1.15; margin:0 0 6px; color:var(--navy);
}
.legal .updated{ color:var(--ink-soft); font-size:13.5px; margin:0 0 36px; }
.legal h2{
  font-family:"Fraunces",Georgia,serif; font-weight:500; font-size:22px;
  margin:38px 0 10px; color:var(--navy);
}
.legal p, .legal li{ color:#333; }
.legal ul{ padding-left:22px; }
.legal li{ margin-bottom:8px; }
.legal a{ color:var(--brass); }
.legal a:hover{ color:var(--brass-light); }
.legal .note{
  background:#fff; border:1px solid var(--line); border-left:3px solid var(--brass);
  padding:16px 18px; margin:24px 0; font-size:14.5px; color:var(--ink-soft);
}
.legal-footer{
  border-top:1px solid var(--line); padding:28px 0; font-size:13px; color:var(--ink-soft);
}
.legal-footer a{ color:var(--brass); }
a:focus-visible, button:focus-visible{ outline:3px solid var(--brass-light); outline-offset:2px; }