/* Shared by /terms, /privacy and /refunds. Matches the journal's palette so
   the pages read as part of the product, and stays readable in both themes. */
:root {
  --ground:#050806; --panel:#0A100C; --line:#17261C;
  --ink:#EAF5EE; --ink-2:#9FB4A7; --muted:#72877A;
  --accent:#22C55E; --accent-hi:#5EF08C;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --ground:#F6FAF7; --panel:#FFFFFF; --line:#D5E3D9;
    --ink:#0E1712; --ink-2:#3B4F43; --muted:#5E7266;
    --accent:#15803D; --accent-hi:#166534;
  }
}
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--ground); color:var(--ink);
  font:16px/1.65 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.doc { max-width:760px; margin:0 auto; padding:32px 16px 64px; }
h1 { font-size:30px; line-height:1.2; margin:8px 0 6px; letter-spacing:-.01em; }
h2 { font-size:19px; margin:34px 0 8px; }
p, li { color:var(--ink-2); }
b { color:var(--ink); }
ul { padding-left:22px; }
li { margin:6px 0; }
a { color:var(--accent-hi); text-underline-offset:2px; }
a:hover { color:var(--accent); }
.back { margin:0 0 18px; font-size:14px; }
.back a { text-decoration:none; }
.meta { font-size:14px; color:var(--muted); margin:0 0 20px; }
.small { font-size:14px; color:var(--muted); }
.summary { background:var(--panel); border:1px solid var(--line);
  border-left:3px solid var(--accent); border-radius:8px; padding:4px 20px 12px; margin:10px 0 8px; }
.summary h2 { margin-top:16px; }
table { width:100%; border-collapse:collapse; margin:12px 0; font-size:15px; }
th, td { text-align:left; vertical-align:top; padding:10px 12px; border-bottom:1px solid var(--line); }
th { color:var(--ink); font-size:13px; text-transform:uppercase; letter-spacing:.04em; }
td { color:var(--ink-2); }
footer { margin-top:48px; padding-top:16px; border-top:1px solid var(--line);
  font-size:14px; color:var(--muted); }
@media (max-width:560px) {
  h1 { font-size:25px; }
  table, thead, tbody, tr, th, td { display:block; }
  thead { display:none; }
  td { border-bottom:none; padding:4px 0; }
  tr { border-bottom:1px solid var(--line); padding:8px 0; }
}
