/* Terms, Privacy and Support pages. Same tokens as landing.html. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#fff;--ink:#0e0e0e;--text:#181c25;--muted:#595959;--line:#e0e0e0;
  --tile:rgba(0,0,0,.04);--tile-hover:rgba(0,0,0,.07);
  --accent:#ff444f;--accent-text:#cc2e3d;--down-text:#c40025;--text-2:#333;
}
[data-theme="dark"]{
  --bg:#000;--ink:#fff;--text:#f2f3f4;--muted:#9aa0ac;--line:#1f1f1f;
  --tile:rgba(255,255,255,.06);--tile-hover:rgba(255,255,255,.1);
  --accent-text:#ff444f;--down-text:#ff4d6e;--text-2:#c9ccd1;
}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:26px;-webkit-font-smoothing:antialiased}
a{color:var(--accent-text)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.shell{display:grid;grid-template-columns:296px minmax(0,800px);justify-content:center;min-height:100vh}

/* Sidebar */
.side{position:sticky;top:0;height:100vh;overflow-y:auto;padding:24px 12px;border-right:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:8px;padding:6px 12px 0;margin-bottom:24px;font-size:20px;font-weight:800;letter-spacing:-.4px;color:var(--ink);text-decoration:none}
.brand svg{width:30px;height:26px;flex:none}
.side-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:2px;border-radius:8px;font-size:14px;line-height:20px;color:var(--text-2);text-decoration:none;transition:background .15s}
.side-nav a:hover{background:var(--tile)}
.side-nav a i{font-size:18px;width:20px;text-align:center}
.side-nav a[aria-current="page"]{color:var(--accent-text);font-weight:500}
.toc-title{padding:20px 12px 6px;font-size:12px;font-weight:600;line-height:16px;color:var(--muted)}
.toc a{display:block;padding:6px 12px;border-radius:6px;font-size:13px;line-height:18px;color:var(--text-2);text-decoration:none}
.toc a:hover{background:var(--tile)}

/* Content */
main{padding:40px 40px 64px;min-width:0}
h1{font-size:32px;font-weight:800;line-height:40px;letter-spacing:-.6px;color:var(--ink)}
.updated{margin-top:6px;font-size:14px;color:var(--muted)}
.lead{margin-top:20px;font-size:17px;line-height:28px}
section{margin-top:40px}
h2{font-size:20px;font-weight:700;line-height:28px;color:var(--ink);margin-bottom:12px}
h3{font-size:16px;font-weight:600;line-height:24px;color:var(--ink);margin:20px 0 6px}
p+p,p+ul,ul+p,table+p,p+.table-wrap,.table-wrap+p,ul+ul{margin-top:12px}
ul{padding-left:22px}
li+li{margin-top:6px}
strong{font-weight:600;color:var(--ink)}

.warning{margin-top:24px;padding:16px 18px;border-left:3px solid var(--down-text);border-radius:0 8px 8px 0;background:var(--tile)}
.note{margin-top:16px;padding:14px 16px;border-radius:8px;background:var(--tile);font-size:15px;line-height:24px}

.table-wrap{overflow-x:auto;margin-top:12px;border:1px solid var(--line);border-radius:10px}
table{width:100%;border-collapse:collapse;font-size:14px;line-height:20px}
th{padding:10px 14px;background:var(--tile);font-weight:600;color:var(--ink);text-align:left;white-space:nowrap}
td{padding:10px 14px;border-top:1px solid var(--line);vertical-align:top}

/* Support */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}
.contact{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;background:var(--tile);color:var(--text);text-decoration:none;transition:background .15s}
.contact:hover{background:var(--tile-hover)}
.contact i{font-size:24px;color:var(--accent-text)}
.contact span{display:block;font-size:12px;line-height:16px;color:var(--muted)}
.contact b{display:block;font-size:14px;line-height:20px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
details{border-top:1px solid var(--line)}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 2px;font-weight:500;color:var(--ink);cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';font-size:20px;line-height:20px;color:var(--muted);flex:none}
details[open] summary::after{content:'\2212'}
.answer{padding:0 2px 16px}

/* Footer */
.foot{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:12px;line-height:18px;color:var(--muted)}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:12px}
.foot-links a{color:var(--text-2);text-decoration:none}
.foot-links a:hover{color:var(--accent-text)}
.foot p+p{margin-top:8px}

@media (max-width:900px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px}
  .brand{padding:0;margin-bottom:12px}
  .side-nav{display:flex;flex-wrap:wrap;gap:4px}
  .side-nav a{padding:8px 10px;margin:0}
  .toc-wrap{display:none}
  main{padding:24px 16px 48px}
  h1{font-size:26px;line-height:32px}
}