/* ── the three pages the law asks for ───────────────────────────────
   Terms, privacy and refunds, written as pages of the same almanac
   rather than as a boilerplate appendix: the hall's own paper, ink and
   lettering, so somebody who lands here has not left Bramblewick.
   Shared by terms.html, privacy.html and refunds.html. */
@import url("https://fonts.googleapis.com/css2?family=Amarante&family=Alegreya:ital,wght@0,400;0,500;0,700;1,400&family=Alegreya+Sans:wght@400;500;700&display=swap");

:root{
  --ground:#241810; --ground-3:#1c120b;
  --paper:#e8dbbd; --paper-2:#dfcfa9;
  --line:#8f7350; --line-soft:#b59a74;
  --ink:#3b2a1a; --ink-soft:#6b563e; --ink-faint:#8a7153;
  --moss:#55763b; --moss-deep:#3f5b2c;
  --bell-deep:#584a82; --berry:#a8502f;
  --disp:'Amarante','Iowan Old Style',Georgia,serif;
  --body:'Alegreya','Palatino Linotype',Georgia,serif;
  --ui:'Alegreya Sans','Gill Sans','Trebuchet MS',sans-serif;
}
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--ground-3); color:var(--ink);
  font-family:var(--body); font-size:17.5px; line-height:1.62;
  padding:0 16px 64px;
}
.sheet{
  max-width:720px; margin:0 auto; background:var(--paper);
  padding:44px 48px 52px; border:1px solid var(--line);
  box-shadow:0 18px 44px -20px rgba(0,0,0,.7);
}
.back{
  display:inline-block; font-family:var(--ui); font-size:11px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ink-faint); text-decoration:none;
  border-bottom:1px solid transparent; padding-bottom:1px; margin-bottom:26px;
}
.back:hover{ color:var(--moss-deep); border-bottom-color:var(--moss-deep); }
h1{ font-family:var(--disp); font-weight:400; font-size:38px; line-height:1.12; margin:0 0 6px; }
.asof{ font-family:var(--ui); font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink-faint); margin:0 0 30px; }
h2{ font-family:var(--ui); font-weight:700; font-size:11.5px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--moss-deep); margin:34px 0 8px; }
h2:first-of-type{ margin-top:0; }
p{ margin:0 0 13px; }
ul{ margin:0 0 13px; padding-left:20px; }
li{ margin-bottom:7px; }
b, strong{ font-weight:700; }
a{ color:var(--bell-deep); }
.lede{ font-size:19px; line-height:1.55; }
/* a thing said plainly, set apart: no tracking, what leaves the machine */
.plain{ border-left:3px solid var(--moss); background:#d8c9a333;
  padding:13px 17px; margin:0 0 15px; }
.plain p:last-child{ margin-bottom:0; }
hr{ border:0; border-top:1px solid var(--line-soft); margin:34px 0 0; }
/* Same trap as the landing foot: the links are written with no space
   between the tags, so a narrow screen has nowhere to break the line and
   the row runs off the right edge. A flex row wraps without needing
   whitespace to do it. */
.pages{ font-family:var(--ui); font-size:12px; letter-spacing:.06em; margin-top:16px; color:var(--ink-faint);
        display:flex; flex-wrap:wrap; justify-content:center; align-items:baseline; }
.pages a{ color:var(--ink-soft); text-decoration:none; border-bottom:1px solid var(--line-soft); }
.pages a:hover{ color:var(--moss-deep); border-bottom-color:var(--moss-deep); }
.pages span{ margin:0 7px; }
@media (max-width:640px){
  body{ font-size:16.5px; padding:0 0 48px; }
  .sheet{ padding:32px 22px 40px; border-left:0; border-right:0; }
  h1{ font-size:30px; }
}