/* Shared styling for the long-form pages — privacy, support.
 *
 * A separate file rather than a third copy of the landing page's <style>
 * block: these two pages must agree with each other, and a policy that
 * disagrees with itself between pages is the kind of thing somebody notices.
 * The landing page keeps its own inline styles; it has a hero and a board
 * mock that these do not, and it is the page that must render fastest.
 */
:root{
  --navy:#0B1220;
  --slate:#1A2332;
  --line:#243044;
  --silver:#D6DCE5;
  --muted:#8A97AB;
  --white:#FFFFFF;
  --orange:#FF6A00;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--navy);
  color:var(--silver);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-feature-settings:"tnum" 1;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:780px;margin:0 auto;padding:0 24px}
a{color:var(--orange)}

.lockup{display:flex;align-items:center;gap:14px;margin:0;text-decoration:none}
.lockup svg{width:40px;height:40px;flex:none}
.lockup .wordmark{
  font-weight:800;font-size:20px;letter-spacing:-.02em;
  text-transform:uppercase;color:var(--white);line-height:1.05
}
.lockup .wordmark em{font-style:normal;color:var(--orange)}

header{padding:40px 0 36px;border-bottom:1px solid var(--line)}
h1{
  font-weight:800;font-size:clamp(28px,5vw,44px);line-height:1.08;
  letter-spacing:-.025em;text-transform:uppercase;margin:34px 0 14px;color:var(--white)
}
.lede{font-size:17px;color:var(--silver);margin:0;max-width:58ch}
.updated{
  display:inline-block;margin-top:22px;padding:6px 13px;border-radius:999px;
  border:1px solid var(--line);background:var(--slate);
  font-size:13px;color:var(--muted)
}

section{padding:44px 0;border-bottom:1px solid var(--line)}
h2{
  font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);margin:0 0 22px;font-weight:700
}
h3{
  font-weight:800;font-size:17px;text-transform:uppercase;
  letter-spacing:-.01em;margin:28px 0 8px;line-height:1.25;color:var(--white)
}
h3:first-child{margin-top:0}
p{margin:0 0 16px}
ul{margin:0 0 16px;padding-left:20px}
li{margin-bottom:9px}
li b,p b{color:var(--white);font-weight:600}

/* The one thing on these pages worth making unmissable. */
.headline{
  background:var(--slate);border:1px solid var(--line);border-left:3px solid var(--orange);
  border-radius:10px;padding:20px 22px;margin:0 0 26px
}
.headline p:last-child{margin-bottom:0}
.headline strong{color:var(--white)}

table{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
td b{color:var(--white);font-weight:600}
.scroller{overflow-x:auto;margin:0 0 18px}
.scroller table{margin:0;min-width:460px}

footer{padding:40px 0 72px;color:var(--muted);font-size:14px}
footer p{margin:0 0 8px}
footer nav{margin:0 0 14px}
footer nav a{margin-right:18px}