/* Shared shell for the legal pages. Deliberately plain: these are documents,
   not marketing, so the only job is comfortable reading. Brand tokens match
   the storefront so the pages do not feel like a different site. */
:root{
  --bg:#F2F1ED; --ink:#26221C; --body:#3E382E; --muted:#5C564A;
  --rule:#D8D5CD; --accent:#A8600F; --card:#FCFBF9;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--body);
  font:400 16px/1.7 "Manrope","Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}

header.bar{border-bottom:1px solid var(--rule);background:var(--card)}
header.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px}
.brand{font:400 22px/1 "DM Serif Text",Georgia,serif;color:var(--ink);text-decoration:none;letter-spacing:-.01em}
.brand sup{font:500 8px/1 "Manrope",sans-serif;letter-spacing:.08em;color:var(--muted);vertical-align:super}
.bar a.back{font:500 11px/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.bar a.back:hover{color:var(--ink)}

main{padding:56px 0 80px}
.eyebrow{font:700 11px/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--accent)}
h1{margin:14px 0 0;font:400 clamp(30px,4vw,44px)/1.12 "DM Serif Text",Georgia,serif;color:var(--ink);letter-spacing:-.015em}
.updated{margin-top:14px;font:400 13.5px/1.5 "Manrope",sans-serif;color:var(--muted)}
.lede{margin:24px 0 0;font:400 17px/1.7 "Manrope",sans-serif;color:var(--body)}

h2{margin:44px 0 0;font:700 13px/1.3 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--ink);padding-top:22px;border-top:1px solid var(--rule)}
h3{margin:26px 0 0;font:700 15px/1.4 "Manrope",sans-serif;color:var(--ink)}
p{margin:14px 0 0}
ul,ol{margin:14px 0 0;padding-left:22px}
li{margin-top:8px}
a{color:var(--accent)}
strong{color:var(--ink);font-weight:700}

.note{
  margin-top:26px;padding:20px 22px;border-radius:14px;
  background:rgba(222,142,80,.10);border:1px solid rgba(168,96,15,.22);
}
.note p:first-child{margin-top:0}
.note strong{color:#8A4F0B}

table{width:100%;border-collapse:collapse;margin-top:18px;font-size:15px}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
th{font:700 11px/1.3 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--ink)}

footer.legal{border-top:1px solid var(--rule);background:#E9E7E2;padding:34px 0 44px;margin-top:70px}
footer.legal nav{display:flex;flex-wrap:wrap;gap:10px 26px}
footer.legal nav a{font:500 13.5px/1.4 "Manrope",sans-serif;color:var(--body);text-decoration:none;padding:7px 0;display:inline-block}
footer.legal nav a:hover{color:var(--ink);text-decoration:underline}
footer.legal .fine{margin-top:20px;font:400 12px/1.6 "Manrope",sans-serif;color:var(--muted)}

@media(max-width:640px){
  main{padding:40px 0 60px}
  body{font-size:15.5px}
  h2{margin-top:36px}
}