/* Terms and Privacy. Same sheet as the product (styles.css tokens, IBM Plex,
   the off-white ground), without the app around it: a document to read, so the
   measure is kept to ~68 characters and nothing else competes with the text. */
:root{
  --paper:#F6F5F2; --paper-raised:#FFFFFF;
  --ink:#191A18; --ink-soft:#5D605C; --ink-faint:#8C8F8A;
  --hair:#E3E1DB; --gold:#8A6116; --gold-tint:#FBF1DC;
  --sans:'IBM Plex Sans','IBM Plex Sans Thai',-apple-system,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono',Consolas,monospace;
}
*{box-sizing:border-box;}
html,body{margin:0;}
body{background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:760px;margin:0 auto;padding:22px 16px;}
.top img{height:34px;width:auto;display:block;}
.top nav{display:flex;gap:18px;font-size:14px;}
.top a{color:var(--ink-soft);text-decoration:none;white-space:nowrap;}
.top a:hover,.top a[aria-current]{color:var(--ink);}
main{max-width:760px;margin:0 auto;padding:8px 16px 72px;}
.doc{background:var(--paper-raised);border:1px solid var(--hair);border-radius:6px;padding:40px clamp(20px,5vw,56px) 48px;}
.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 14px;}
h1{font-size:34px;line-height:1.15;font-weight:600;margin:0 0 10px;text-wrap:balance;}
.lede{color:var(--ink-soft);margin:0 0 28px;max-width:68ch;}
.summary{background:var(--gold-tint);border-radius:4px;padding:18px 22px;margin:0 0 36px;max-width:68ch;}
.summary h2{margin:0 0 8px;font-size:15px;}
.summary ul{margin:0;padding-left:18px;}
.summary li{margin:4px 0;}
h2{font-size:19px;font-weight:600;margin:36px 0 8px;text-wrap:balance;}
h2 .n{font:500 13px var(--mono);color:var(--ink-faint);margin-right:10px;}
h3{font-size:15px;font-weight:600;margin:20px 0 6px;}
p,li{max-width:68ch;}
p{margin:0 0 12px;}
ul{padding-left:20px;margin:0 0 12px;}
li{margin:5px 0;}
a{color:var(--ink);text-underline-offset:3px;}
a:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:2px;}
table{border-collapse:collapse;width:100%;font-size:14.5px;margin:6px 0 14px;}
.tbl{overflow-x:auto;}
th,td{text-align:left;vertical-align:top;padding:9px 12px 9px 0;border-bottom:1px solid var(--hair);}
th{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);}
footer{max-width:760px;margin:0 auto;padding:0 16px 40px;font-size:13px;color:var(--ink-faint);}
@media (max-width:420px){ .top{gap:10px;} .top img{height:26px;} .top nav{gap:14px;} }
@media (max-width:560px){ .doc{padding:28px 18px 32px;} h1{font-size:28px;} }