/* Shared by privacy.html and terms.html.
   Deliberately NOT the builder's stylesheet: these pages must load and render
   on their own, with no part of the 1.3 MB bundle, so that a link to /privacy
   works even if the app is broken. Palette and faces are copied from
   ui_shell.html so they still read as the same site. */

:root{
  --ground:#F3F5F6; --panel:#FFFFFF; --sunk:#ECEFF1;
  --line:#DBE1E5;  --line-2:#EAEEF0;
  --ink:#0E141A;   --ink-2:#55636E; --ink-3:#8A98A2;
  --cyan:#0F7E75;  --amber:#B87116;
  --focus:#0F7E75;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#0C1013; --panel:#141A20; --sunk:#0A0E11;
  --line:#26313A;  --line-2:#1D252C;
  --ink:#E7EDF2;   --ink-2:#90A0AC; --ink-3:#5E6E7A;
  --cyan:#2FB8AC;  --amber:#E39A34;
  --focus:#2FB8AC;
}}
:root[data-theme="dark"]{
  --ground:#0C1013; --panel:#141A20; --sunk:#0A0E11;
  --line:#26313A;  --line-2:#1D252C;
  --ink:#E7EDF2;   --ink-2:#90A0AC; --ink-3:#5E6E7A;
  --cyan:#2FB8AC;  --amber:#E39A34;
  --focus:#2FB8AC;
}

*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);
  font-family:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;
  font-size:15px;line-height:1.65;-webkit-text-size-adjust:100%}

.top{border-bottom:1px solid var(--line);background:var(--panel)}
.top div{max-width:74ch;margin:0 auto;padding:13px 20px;
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.top a.home{font-family:"Chakra Petch","Segoe UI",sans-serif;font-weight:700;
  font-size:16px;color:var(--ink);text-decoration:none;letter-spacing:.01em}
.top a.home:hover{color:var(--cyan)}
.top nav{margin-left:auto;display:flex;gap:14px;font-size:13px}

main{max-width:74ch;margin:0 auto;padding:34px 20px 70px}
h1{font-family:"Chakra Petch","Segoe UI",sans-serif;font-size:30px;
  line-height:1.15;margin:0 0 6px;text-wrap:balance}
h2{font-family:"Chakra Petch","Segoe UI",sans-serif;font-size:19px;
  margin:36px 0 8px;padding-top:18px;border-top:1px solid var(--line-2);
  text-wrap:balance}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-size:15px;margin:20px 0 4px;color:var(--ink)}
p,li{color:var(--ink-2)}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:20px}
li{margin:0 0 5px}
strong,b{color:var(--ink);font-weight:600}
a{color:var(--cyan)}
a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

.upd{font-size:12.5px;color:var(--ink-3);margin:0 0 26px}

/* The affiliation notice. It is the single most important line on either page,
   so it is the one element that gets emphasis. */
.disc{border:1px solid var(--line);border-left:3px solid var(--amber);
  background:var(--panel);padding:13px 16px;margin:0 0 26px;font-size:14px}
.disc b{display:block;margin-bottom:3px}

/* Placeholders the operator must fill before this is relied on. Loud on
   purpose -- a TODO that blends in is a TODO that ships. */
.todo{background:color-mix(in srgb,var(--amber) 18%,transparent);
  border-bottom:1px solid var(--amber);color:var(--ink);padding:0 3px;
  font-weight:600}

table{border-collapse:collapse;width:100%;margin:0 0 14px;font-size:14px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line-2);
  vertical-align:top}
th{color:var(--ink);font-weight:600;border-bottom:1px solid var(--line)}
td{color:var(--ink-2)}
.wrap{overflow-x:auto}

footer{border-top:1px solid var(--line);margin-top:44px;padding-top:18px;
  font-size:12.5px;color:var(--ink-3)}

/* THE AFFILIATION NOTICE, ON EVERY PAGE.
   privacy and terms already open with the full .disc block, but that is above
   the fold of a long document and delete-account carried nothing at all. This
   is the standing line: same wording as the builder's own footer, so the four
   pages cannot drift into saying subtly different things about the same fact.
   Its own line and a rule above it, because a notice run in with the nav links
   reads as boilerplate nobody meant. */
footer .disc-f{display:block;margin-top:12px;padding-top:11px;
  border-top:1px solid var(--line);line-height:1.55}
footer .disc-f b{color:var(--ink-2);font-weight:600}