/* Terms and Privacy: same tokens and type as index.html, one narrow reading column */
:root{
  --ink:#172126;
  --steel:#8A979C;
  --mist:#EEF1F0;
  --paper:#FBFBF8;
  --fur:#E9CFA5;
  --loop:#3355E0;
  --line:rgba(23,33,38,.12);
  --display:'Montserrat',system-ui,sans-serif;
  --body:'Montserrat',system-ui,sans-serif;
  --mono:'Montserrat',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}
:focus-visible{outline:3px solid var(--loop);outline-offset:3px;border-radius:6px}

.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
.mono{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}

/* top bar, as on the landing page */
.top{position:sticky;top:0;z-index:20;background:rgba(251,251,248,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}
.brand{display:flex;align-items:center;gap:8px;font:700 15px/1 var(--display);letter-spacing:-.01em;text-decoration:none}
.brand img{width:26px;height:26px;border-radius:50%;object-fit:cover}
.pill{font:600 13px/1 var(--body);background:var(--ink);color:var(--paper);padding:9px 14px;border-radius:99px;text-decoration:none}

/* document */
.doc{max-width:680px;margin:0 auto;padding:36px 20px 56px}
.doc .eyebrow{color:#56656a}
.doc h1{font:800 40px/1.05 var(--display);letter-spacing:-.01em;text-transform:uppercase;margin:10px 0 12px}
.updated{display:inline-block;font:500 12px/1 var(--mono);letter-spacing:.04em;color:#56656a;background:var(--mist);padding:7px 10px;border-radius:6px;margin-bottom:26px}
.doc h2{font:700 21px/1.15 var(--display);letter-spacing:-.015em;margin:34px 0 10px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:12px;align-items:baseline}
.doc h2 .n{font:500 13px/1 var(--mono);color:var(--steel);min-width:20px}
.doc p{color:#2c3a40;margin-bottom:12px}
.doc strong{font-weight:600;color:var(--ink)}
.doc ul{list-style:none;margin:6px 0 14px}
.doc li{position:relative;padding:0 0 10px 18px;color:#2c3a40}
.doc li::before{content:"";position:absolute;left:2px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--steel)}
.doc a{text-decoration-color:rgba(23,33,38,.35);text-underline-offset:3px}
.doc a:hover{color:var(--loop);text-decoration-color:var(--loop)}

/* the one box on the page: guarantee in Terms, controller in Privacy */
.note{background:var(--mist);border-radius:14px;padding:16px 18px;margin:6px 0 14px}
.note p:last-child{margin-bottom:0}
.company{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:#fff;font-size:15px;line-height:1.55;margin-top:6px}

footer{border-top:1px solid var(--line);font-size:13px;color:#56656a}
footer .wrap{padding-top:24px;padding-bottom:40px}
footer .links{display:flex;flex-wrap:wrap;gap:8px 18px}
footer .links a{text-decoration:none}
footer .links a:hover,footer .links a.active{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

@media (min-width:960px){
  .doc{padding-top:64px}
  .doc h1{font-size:52px}
}