/* Shared by terms.html and privacy.html.
   Tokens lifted verbatim from q.html so the legal pages read as the same
   product -- a buyer who taps "Terms" mid-checkout should not land somewhere
   that looks like a different company. */
:root{
  --brand:#F26A11; --brand-deep:#B24A05; --brand-tint:#FEF0E6; --on-brand:#fff;
  --canvas:#fff; --surface:#FBF9F7; --raised:#F2EEEA; --line:#E9E3DD;
  --text:#171310; --muted:#736B64; --faint:#A79E96;
  --r-sm:10px; --r-md:16px; --r-lg:22px;
  --wrap:min(680px,100%);
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--canvas); color:var(--text);
  font:16px/1.62 Outfit,system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.wrap{width:var(--wrap); margin:0 auto; padding:34px 20px 72px}
header{border-bottom:1px solid var(--line); padding-bottom:20px; margin-bottom:28px}
.brand{font-weight:800; letter-spacing:-.02em; font-size:19px; color:var(--text);
  text-decoration:none; display:inline-block}
.brand span{color:var(--brand)}
h1{font-size:29px; font-weight:800; letter-spacing:-.03em; margin:14px 0 6px; text-wrap:balance}
.updated{color:var(--faint); font-size:13px; margin:0}
h2{font-size:18px; font-weight:700; letter-spacing:-.01em; margin:32px 0 8px}
p,li{color:var(--muted)}
p{margin:0 0 12px}
ul{margin:0 0 12px; padding-left:20px}
li{margin-bottom:6px}
strong{color:var(--text); font-weight:600}
a{color:var(--brand-deep)}
.box{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-md);
  padding:16px 18px; margin:18px 0}
.box p:last-child{margin-bottom:0}
table{border-collapse:collapse; width:100%; margin:12px 0; font-size:15px}
th,td{text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); vertical-align:top}
th{color:var(--text); font-weight:600; width:38%}
td{color:var(--muted)}
footer{margin-top:40px; padding-top:20px; border-top:1px solid var(--line);
  color:var(--faint); font-size:13px}
footer a{color:var(--muted)}
@media (max-width:520px){ h1{font-size:25px} th{width:44%} }