/* Shared by privacy.html and terms.html. The home page stays self-contained
   with its CSS inline; these two share a sheet because they are identical
   documents in different words and there is no reason to maintain it twice. */
:root{
  --ink:#04191C; --ink-2:#082A2E;
  --acid:#3EE0A5; --acid-deep:#097055;
  --paper:#FCFDFC; --paper-2:#F1F5F3;
  --tx:#08211F; --tx-2:#48605D;
  --hair:rgba(8,33,31,.12);
  --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; background:var(--paper); color:var(--tx); font-family:var(--sans);
  font-size:17px; line-height:1.62; -webkit-font-smoothing:antialiased}
a{color:inherit}
a:hover{color:var(--acid-deep)}
.w{max-width:760px; margin:0 auto; padding:0 28px}

/* Header, matching the home page's wordmark so the pages read as one site. */
.top{background:var(--ink); color:#fff; padding:22px 0}
.top .w{display:flex; align-items:center; justify-content:space-between}
.brand{display:inline-flex; align-items:center; text-decoration:none}
.bn{display:inline-flex; align-items:center; gap:.02em; font-weight:700;
  font-size:1.5rem; letter-spacing:-.045em; color:#fff}
.inf{width:.84em; height:.42em; margin:0 .045em; color:var(--acid); display:block; overflow:visible}
.back{font-size:.9rem; font-weight:600; color:rgba(255,255,255,.72); text-decoration:none}
.back:hover{color:#fff}

main{padding:clamp(48px,7vw,80px) 0 clamp(64px,9vw,104px)}
.lab{font-family:var(--mono); font-size:.7rem; letter-spacing:.2em;
  text-transform:uppercase; color:var(--acid-deep); font-weight:500}
h1{margin:14px 0 0; font-size:clamp(2rem,4.4vw,2.9rem); line-height:1.06;
  letter-spacing:-.035em; font-weight:670}
.upd{margin-top:14px; color:var(--tx-2); font-size:.95rem}
h2{margin:clamp(38px,4.5vw,54px) 0 0; font-size:1.32rem; letter-spacing:-.024em;
  font-weight:650; line-height:1.25}
p,li{margin:14px 0 0; color:var(--tx-2); max-width:68ch}
strong{color:var(--tx); font-weight:640}
ul{margin:14px 0 0; padding-left:22px}
li{margin:8px 0 0}
li::marker{color:var(--acid-deep)}

/* Anything the founder still has to supply is marked so it cannot ship unseen. */
.todo{background:#FFF6D6; border:1px solid #E8CE7A; border-radius:10px;
  padding:16px 18px; margin-top:28px}
.todo p{color:#5A4708; margin-top:0}
.todo p+p{margin-top:8px}
mark{background:#FFE9A8; color:#5A4708; padding:0 3px; border-radius:3px; font-weight:600}

.foot{border-top:1px solid var(--hair); margin-top:clamp(52px,7vw,76px);
  padding-top:26px; display:flex; flex-wrap:wrap; gap:8px 22px;
  font-size:.9rem; color:var(--tx-2)}
.foot a{text-decoration:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important; animation:none!important}}
