/* ==========================================================================
   The Forgotten Manual — shared styles for secondary pages
   (terms, privacy, refunds, contact). The sales page and the delivery page
   stay self-contained on purpose; these four are plain documents and share
   one sheet so the design system is defined once.
   ========================================================================== */
:root{
  --ivory:#f3e8d0;--paper:#fbf3df;--navy:#17314a;--green:#224738;--red:#9e1b18;
  --red-dark:#7d1513;--gold:#c7a75a;--char:#292621;--muted:#6a6155;
  --line:#d8c49a;--line-soft:#e2d4b4;--ink-soft:#403b34;
  --on-dark:#f5ead4;--on-dark-muted:#d9cbac;
  --font-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --font-body:'Libre Baskerville',Georgia,'Times New Roman',serif;
  --font-ui:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;
  --radius:2px;--ease:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{
  margin:0;background:var(--ivory);color:var(--char);
  font-family:var(--font-body);font-size:17px;line-height:1.75;
}
@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important}}

h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.15;margin:0;color:var(--navy)}
h1{font-size:clamp(32px,5vw,48px);text-transform:uppercase}
h2{font-size:clamp(23px,3vw,30px);margin:var(--space-5) 0 var(--space-2)}
h3{font-size:20px;margin:var(--space-4) 0 var(--space-2)}
p,ul,ol{margin:0 0 var(--space-2)}
ul,ol{padding-left:1.35em}
li{margin-bottom:8px}
a{color:var(--red);text-underline-offset:3px}
a:hover{color:var(--red-dark)}
strong{color:var(--navy)}
:where(a,button):focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:var(--radius)}
.skip{position:absolute;left:-9999px;background:var(--navy);color:#fff;padding:12px 18px;z-index:9;font-family:var(--font-ui)}
.skip:focus{left:8px;top:8px}

.wrap{max-width:760px;margin:0 auto;padding-inline:var(--space-4)}

/* header */
.topbar{background:var(--navy);color:var(--on-dark);padding:var(--space-3) 0}
.brand{display:flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;color:inherit}
.brand svg{width:30px;height:30px;color:var(--gold);flex:none}
.brand b{display:block;font-family:var(--font-display);font-size:19px;line-height:1.1;color:#fff}
.brand i{display:block;margin-top:2px;font-style:normal;font-family:var(--font-ui);font-size:9px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}

/* document head */
.doc-head{padding:var(--space-6) 0 var(--space-4);border-bottom:1px solid var(--line)}
.kicker{font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.24em;
  text-transform:uppercase;color:var(--red);margin:0 0 var(--space-2)}
.updated{font-family:var(--font-ui);font-size:13px;color:var(--muted);margin:var(--space-3) 0 0}
.doc{padding-block:var(--space-4) var(--space-6)}

/* callouts */
.note{
  background:var(--paper);border-left:3px solid var(--gold);
  padding:var(--space-3) var(--space-4);margin:var(--space-4) 0;
  font-size:16px;
}
.note--warn{border-left-color:var(--red);background:rgba(158,27,24,.05)}
.note p:last-child{margin-bottom:0}
.note b{color:var(--navy)}

/* draft banner — remove once a lawyer has signed off */
.draft{
  background:#fff4d7;border:1px solid var(--red);border-left-width:4px;
  padding:14px 18px;margin:var(--space-4) 0;
  font-family:var(--font-ui);font-size:13px;line-height:1.6;
}
.draft b{color:var(--red);letter-spacing:.06em}

dl.contact{margin:var(--space-3) 0}
dl.contact dt{font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);margin-top:var(--space-3)}
dl.contact dd{margin:4px 0 0;font-size:17px}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:52px;padding:15px 24px;border:1px solid transparent;border-radius:var(--radius);
  font-family:var(--font-ui);font-size:12.5px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;text-decoration:none;cursor:pointer;
  transition:background-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease);
}
.btn--primary{background:var(--red);color:#fff}
.btn--primary:hover{background:var(--red-dark);color:#fff;transform:translateY(-2px)}

/* footer */
.footer{background:#12283c;color:var(--on-dark-muted);font-family:var(--font-ui);font-size:13.5px;
  padding-block:var(--space-5)}
.footer a{color:var(--gold);text-decoration:none}
.footer a:hover{text-decoration:underline}
.footer nav{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-3)}
.footer nav a{display:inline-flex;align-items:center;min-height:44px}
.footer__legal{border-top:1px solid rgba(199,167,90,.25);padding-top:var(--space-3);
  font-size:12.5px;line-height:1.7}

@media (max-width:520px){
  .wrap{padding-inline:var(--space-3)}
  .doc-head{padding-top:var(--space-5)}
}