/* Shared chrome for Coppernook's plain-language documents (terms, privacy).
   Same palette and the same two vendored faces as index.html, so a neighbor who
   clicks through from the footer lands somewhere that still looks like home
   rather than in a white legal basement. Nothing here loads from the internet. */

:root {
  --copper:#b87333; --copper-light:#d98c4a; --copper-deep:#8a5223;
  --gold:#e8a64e; --amber:#f4c177; --peach:#ffe2bf;
  --cream:#fff6ea; --panel:#fbe9d2; --panel-2:#f6dcbd; --ink:#3b2a1a;
  --ink-soft:#6b5135; --ink-dim:#9a7a52; --line:#e4c39a;
  --shadow:0 6px 22px rgba(138,82,35,.18);
  --shadow-lift:0 10px 30px rgba(138,82,35,.24);
}
@font-face {
  font-family:'Cormorant Garamond'; font-style:normal; font-weight:600; font-display:swap;
  src:url('/assets/vendor/cormorant-garamond/cormorant-garamond-600-latin.woff2') format('woff2');
}
@font-face {
  font-family:'Fraunces'; font-style:normal; font-weight:900; font-display:swap;
  src:url('/assets/vendor/fraunces/fraunces-900-latin.woff2') format('woff2');
}
:root {
  --wordmark:'Fraunces', Georgia, 'Times New Roman', serif;
  --display:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
}

* { box-sizing:border-box; margin:0; padding:0; }
body {
  font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
  color:var(--ink); line-height:1.62;
  background:
    radial-gradient(1100px 480px at 50% -140px, var(--amber), transparent 70%),
    linear-gradient(165deg, var(--cream), var(--panel-2) 60%, var(--peach));
  background-attachment:fixed;
  min-height:100vh;
}
.wrap { max-width:820px; margin:0 auto; padding:0 clamp(.9rem,3vw,1.6rem); }

header {
  background:linear-gradient(135deg, var(--copper-deep), var(--copper) 55%, var(--gold));
  color:var(--cream); box-shadow:var(--shadow);
}
.head-inner { display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:.55rem clamp(.9rem,3vw,1.6rem); max-width:820px; margin:0 auto; flex-wrap:wrap; }
.head-brand { display:flex; align-items:center; gap:.6rem; text-decoration:none; color:var(--cream); }
.head-brand img { height:40px; width:auto; display:block; filter:drop-shadow(0 3px 8px rgba(0,0,0,.3)); }
.head-name { font-family:var(--wordmark); font-size:1.22rem; text-shadow:0 2px 5px rgba(0,0,0,.3); }
nav a { color:var(--cream); text-decoration:none; font-size:.84rem; font-weight:600;
  padding:.42rem .7rem; border-radius:9px; opacity:.92; }
nav a:hover { background:rgba(255,255,255,.16); opacity:1; }

main { padding:clamp(1.2rem,4vw,2.2rem) 0 2.4rem; }
.plate {
  background:linear-gradient(155deg, var(--cream), var(--panel));
  border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow-lift);
  padding:clamp(1.2rem,4vw,2.2rem);
}
.kicker { text-transform:uppercase; letter-spacing:.16em; font-size:.72rem; font-weight:700;
  color:var(--copper-deep); opacity:.85; margin-bottom:.35rem; }
h1 { font-family:var(--display); font-weight:600; font-size:clamp(1.7rem,5vw,2.5rem);
  color:var(--copper-deep); line-height:1.18; }
.sub { color:var(--ink-soft); margin-top:.5rem; font-size:1.02rem; max-width:62ch; }
.stamp { margin-top:.8rem; font-size:.8rem; color:var(--ink-dim); }

/* Draft notice. Deliberately loud: a document called "Terms of Use" that has not
   been through counsel should never be mistaken for one that has. */
.draft {
  margin-top:1.1rem; border:1px solid var(--copper-light); border-left:5px solid var(--copper);
  background:rgba(255,255,255,.66); border-radius:12px; padding:.85rem 1rem;
  font-size:.88rem; color:var(--ink-soft);
}
.draft b { color:var(--copper-deep); }

h2 { font-family:var(--display); font-weight:600; font-size:clamp(1.2rem,3.4vw,1.55rem);
  color:var(--copper-deep); margin:1.7rem 0 .35rem; }
h2:first-of-type { margin-top:1.5rem; }
p { margin:.55rem 0; color:var(--ink-soft); }
p.strong-line { color:var(--ink); font-weight:600; }
ul { margin:.55rem 0 .55rem 1.15rem; color:var(--ink-soft); }
li { margin:.32rem 0; }
li b, p b { color:var(--ink); }
a { color:var(--copper-deep); }
.rule-line { height:1px; background:var(--line); margin:1.6rem 0 0; }
.tail { margin-top:1.3rem; font-size:.84rem; color:var(--ink-dim); }

footer { background:linear-gradient(135deg, var(--copper-deep), var(--copper) 60%, var(--gold));
  color:var(--cream); text-align:center; padding:1.5rem clamp(.9rem,3vw,1.6rem) 1.7rem; }
.foot-inner { max-width:820px; margin:0 auto; }
.foot-mark { height:52px; width:auto; display:block; margin:0 auto .4rem;
  filter:drop-shadow(0 3px 9px rgba(0,0,0,.35)); }
.foot-name { font-family:var(--wordmark); font-size:1.3rem; text-shadow:0 2px 5px rgba(0,0,0,.3); }
.foot-tag { font-family:var(--display); font-size:1.02rem; font-weight:600; opacity:.95; margin-top:.15rem; }
.foot-rule { height:1px; background:rgba(255,246,234,.35); margin:.95rem auto; max-width:420px; }
.foot-links { font-size:.85rem; margin-bottom:.7rem; display:flex; justify-content:center;
  align-items:center; gap:.55rem; flex-wrap:wrap; }
.foot-links a { color:var(--cream); text-decoration:none; border-bottom:1px solid rgba(255,246,234,.4); }
.foot-links a:hover { border-bottom-color:var(--cream); }
.foot-sep { opacity:.5; }
.company { font-size:.82rem; opacity:.92; }