/* Aimeee legal pages — standalone, does not depend on tokens.css / base.css */
:root{
  --ink:#221f2b;
  --ink-soft:#4c4857;
  --ink-mute:#7b7688;
  --rule:rgba(34,31,43,.13);
  --paper:#fffdfb;
  --brand:linear-gradient(90deg,#fe884a 0%,#ff6666 50%,#8a59b8 100%);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink-soft);
  font-family:"Figtree","Noto Sans HK",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang HK","Microsoft JhengHei",sans-serif;
  font-size:17px;
  line-height:1.75;
  font-weight:400;
}
.wrap{max-width:820px;margin:0 auto;padding:28px 24px 96px}

/* header */
.back{
  display:inline-block;
  font-size:15px;
  font-weight:500;
  color:var(--ink-mute);
  text-decoration:none;
  padding:6px 0;
  margin-bottom:28px;
}
.back:hover{color:var(--ink)}
.back:focus-visible{outline:2px solid #ff6666;outline-offset:3px;border-radius:4px}

.doc-head{padding-bottom:22px;margin-bottom:34px;border-bottom:1px solid var(--rule)}
.doc-head h1{
  margin:0 0 14px;
  width:fit-content;
  max-width:100%;
  font-size:34px;
  line-height:1.3;
  font-weight:700;
  background:var(--brand);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}
.doc-head .meta{font-size:15px;color:var(--ink-mute);line-height:1.6}
.doc-head .meta p{margin:0}

/* body */
.doc-body>section{margin:0 0 40px}
.doc-body h2{
  margin:0 0 14px;
  font-size:22px;
  line-height:1.45;
  font-weight:700;
  color:var(--ink);
}
.doc-body h3{
  margin:26px 0 8px;
  font-size:17px;
  line-height:1.55;
  font-weight:700;
  color:var(--ink);
}
.doc-body p{margin:0 0 14px}
.doc-body ul,.doc-body ol{margin:0 0 14px;padding-left:24px}
.doc-body li{margin:0 0 6px}
.doc-body strong{color:var(--ink);font-weight:700}
.doc-body hr{border:0;border-top:1px solid var(--rule);margin:20px 0}
.doc-body a{color:#c2536e;text-decoration:underline;text-underline-offset:2px}
.doc-body a:hover{color:#8a59b8}
.doc-body a:focus-visible{outline:2px solid #ff6666;outline-offset:2px;border-radius:3px}

.doc-body table{
  width:100%;
  border-collapse:collapse;
  margin:0 0 14px;
  font-size:15px;
}
.doc-body th,.doc-body td{
  border:1px solid var(--rule);
  padding:10px 12px;
  text-align:left;
  vertical-align:top;
}
.doc-body th{background:rgba(254,136,74,.07);color:var(--ink);font-weight:700}

/* trailing notes carried over from the old site */
.doc-note{
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid var(--rule);
  font-size:14px;
  color:var(--ink-mute);
}
.doc-note p{margin:0 0 4px}

/* shared secondary nav — all five legal pages, top and footer.
   The Figma footer only draws three labels, so data-deletion, account-usage
   and contact would otherwise be unreachable. */
.legal-nav{
  font-size:14px;
  line-height:1.9;
}
.legal-nav a{
  color:var(--ink-mute);
  text-decoration:none;
  white-space:nowrap;
}
.legal-nav a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.legal-nav a:focus-visible{outline:2px solid #ff6666;outline-offset:2px;border-radius:3px}
.legal-nav a[aria-current="page"]{color:var(--ink);font-weight:700}
/* separator lives INSIDE the preceding link, so a wrap never orphans it at the
   start of a line. inline-block keeps the hover underline off the dot. */
.legal-nav a:not(:last-child)::after{
  content:"·";
  display:inline-block;
  width:24px;
  text-align:center;
  color:var(--ink-mute);
  opacity:.45;
  font-weight:400;
  text-decoration:none;
}
.legal-nav--top{
  margin:-14px 0 30px;
  padding-bottom:16px;
  border-bottom:1px solid var(--rule);
}
.legal-nav--foot{margin-bottom:12px}
.doc-copy{margin:0}

@media (max-width:640px){
  .legal-nav{font-size:13px}
  .legal-nav a + a::before{margin:0 7px}
}

/* page footer */
.doc-foot{
  margin-top:56px;
  padding-top:20px;
  border-top:1px solid var(--rule);
  font-size:14px;
  color:var(--ink-mute);
}

@media (max-width:640px){
  body{font-size:16px}
  .wrap{padding:20px 18px 72px}
  .doc-head h1{font-size:26px}
  .doc-body h2{font-size:19px}
  .doc-body table{display:block;overflow-x:auto}
}