/* Shared by privacy.html, terms.html and cookies.html. Same ground, same
   type, same restraint as the rest of the site — a legal page that looks
   like a different website is the fastest way to make people doubt it. */
:root{
  --ground:#355761; --ground-2:#2C4A53;
  --cream:#F4F0E7; --cream-2:rgba(244,240,231,.80); --cream-3:rgba(244,240,231,.62);
  --line:rgba(244,240,231,.32); --line-soft:rgba(244,240,231,.14);
  --sky:#B9DCE4;
  --script:"Cormorant Garamond","Iowan Old Style",Georgia,serif;
  --caps:"Montserrat",-apple-system,"Segoe UI",sans-serif;
  --serif:"Cormorant Garamond",Georgia,serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--ground); color:var(--cream);
  font-family:var(--serif); font-size:17.5px; line-height:1.76; font-weight:300;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit; text-decoration:none; border-bottom:1px solid var(--line); transition:.22s}
a:hover{color:var(--sky); border-color:var(--sky)}
h1,h2{margin:0; font-weight:300; line-height:1.16; font-family:var(--serif); font-style:italic}
h1{font-size:clamp(32px,4.6vw,52px)}
h2{font-size:clamp(21px,2.3vw,28px); margin:48px 0 12px}
p,ul,ol{margin:0 0 16px}
ul,ol{padding-left:20px}
li{margin-bottom:8px}
b{font-weight:400}
::selection{background:var(--cream); color:var(--ground)}
:focus-visible{outline:1px solid var(--cream); outline-offset:4px}

.wrap{max-width:72ch; margin:0 auto; padding:clamp(28px,6vw,72px) clamp(20px,5vw,40px) 90px}
.top{
  display:flex; justify-content:space-between; align-items:baseline; gap:20px; flex-wrap:wrap;
  padding-bottom:22px; margin-bottom:clamp(32px,5vw,56px); border-bottom:1px solid var(--line);
}
.mark{display:inline-flex; flex-direction:column; align-items:center; gap:6px;
  color:var(--cream); border:0; line-height:1}
.mark__glyph{width:30px; height:auto; display:block; stroke:var(--cream); fill:none;
  stroke-width:1.3; stroke-linecap:round}
.mark__glyph .drop{fill:var(--cream); stroke:none; opacity:.9}
.mark__name{font-family:var(--script); font-weight:500; font-size:21px;
  letter-spacing:.2em; text-transform:uppercase; text-indent:.2em; line-height:1}
.mark__rule{display:flex; align-items:center; gap:9px; width:100%;
  font-family:var(--caps); font-size:8.5px; font-weight:400; letter-spacing:.3em;
  text-transform:uppercase; color:var(--cream-3); white-space:nowrap}
.mark__rule::before,.mark__rule::after{content:""; height:1px; flex:1; background:var(--line)}
.top a{
  font-family:var(--caps); font-size:12px; font-weight:300; letter-spacing:.24em;
  text-transform:uppercase; color:var(--cream-3); border:0;
}
.top a:hover{color:var(--cream)}
.meta{
  font-family:var(--caps); font-size:12px; font-weight:400; letter-spacing:.26em;
  text-transform:uppercase; color:var(--cream-3); margin:18px 0 0;
}

/* The box that must not survive to launch. Loud on purpose — it is the one
   thing on the page allowed to break the palette. */
.notice{
  background:rgba(255,246,225,.94); border-left:2px solid #A9673A; color:#5E4222;
  padding:18px 20px; margin:34px 0; font-size:15.5px; line-height:1.66; font-style:italic;
}
.notice b{
  display:block; font-family:var(--caps); font-style:normal; font-size:12px; font-weight:400;
  letter-spacing:.22em; text-transform:uppercase; margin-bottom:8px; color:#7A5528;
}
.notice a{color:inherit; border-bottom-color:rgba(94,66,34,.4)}
.notice a:hover{color:#3E2B14; border-color:#3E2B14}

table{border-collapse:collapse; width:100%; margin:0 0 18px; font-size:16px}
th,td{text-align:left; padding:12px 16px 12px 0; border-bottom:1px solid var(--line-soft); vertical-align:top}
th{
  font-family:var(--caps); font-size:12px; font-weight:400; letter-spacing:.2em;
  text-transform:uppercase; color:var(--cream-3);
}
td{color:var(--cream-2); font-style:italic}
code{font-family:var(--caps); font-size:14px; background:rgba(244,240,231,.1); padding:1px 5px}

.foot{
  margin-top:70px; padding-top:24px; border-top:1px solid var(--line);
  display:flex; gap:8px 22px; flex-wrap:wrap; align-items:baseline;
}
.foot a,.foot span{
  font-family:var(--caps); font-size:12px; font-weight:300; letter-spacing:.22em;
  text-transform:uppercase; color:var(--cream-3); border:0;
}
.foot a:hover{color:var(--cream)}