/* Shared by /privacy and /terms. Same type and palette as index.html. */
:root{
  --fg:#0d0c0b;
  --fg-soft:rgba(13,12,11,.64);
  --fg-faint:rgba(13,12,11,.42);
  --shade:#ffffff;
  --rule:rgba(13,12,11,.16);
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ -webkit-text-size-adjust:100%; }
body{
  background:var(--shade);
  color:var(--fg);
  font-family:'Inter Tight','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:400;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.chrome{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:max(14px, calc(env(safe-area-inset-top, 0px) + 12px)) clamp(16px, 3.4vw, 44px) 14px;
}
.mark{
  display:flex; align-items:center; gap:9px; font-size:15px; letter-spacing:-.012em;
  color:var(--fg); text-decoration:none;
}
.mark img{ width:28px; height:28px; object-fit:contain; }
.chrome nav{ display:flex; gap:clamp(14px, 2.4vw, 32px); font-size:14.5px; }
.chrome nav a{ color:var(--fg-soft); text-decoration:none; }
.chrome nav a[aria-current]{ color:var(--fg); }

main{ max-width:680px; margin:0 auto; padding:clamp(32px, 7vw, 72px) 16px 72px; }
h1{ font-size:clamp(32px, 6vw, 44px); font-weight:500; letter-spacing:-.03em; line-height:1.1; }
.updated{ color:var(--fg-faint); font-size:14px; margin-top:10px; }
.lede{ font-size:17px; color:var(--fg-soft); margin-top:24px; }
h2{
  font-size:19px; font-weight:500; letter-spacing:-.015em;
  margin-top:44px; padding-top:20px; border-top:1px solid var(--rule);
}
h3{ font-size:16px; font-weight:500; margin-top:22px; }
p, ul{ margin-top:12px; font-size:15.5px; }
ul{ padding-left:20px; }
li + li{ margin-top:6px; }
a{ color:var(--fg); text-underline-offset:2px; }
strong{ font-weight:500; }

footer{
  max-width:680px; margin:0 auto; padding:24px 16px 48px;
  border-top:1px solid var(--rule); color:var(--fg-faint); font-size:13px;
}
footer a{ color:var(--fg-faint); }