:root{--ink:#16305a;--soft:#4a5f7a;--muted:#7c8aa0;--teal:#11998e;--line:#e3e9f2;--grad:linear-gradient(100deg,#11998e,#3f8fd0 40%,#8a6fd6 70%,#ea5f9c);color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:#fbfcfe;color:var(--ink);font:16px/1.7 "Outfit","Segoe UI",system-ui,sans-serif}
.top{border-bottom:1px solid var(--line);background:#fff}
.wrap{max-width:820px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px;max-width:1100px}
.top img{height:38px;width:auto}
.top a.back{color:var(--teal);font-weight:500;text-decoration:none}
main{padding-block:48px 72px}
h1{font-family:"Libre Caslon Text",Georgia,serif;font-weight:400;font-size:clamp(32px,4vw,44px);line-height:1.15;margin:0 0 6px;color:transparent;background:var(--grad);-webkit-background-clip:text;background-clip:text;width:max-content;max-width:100%}
h2{font-size:19px;font-weight:600;margin:32px 0 6px}
p,li{color:var(--soft)}
.meta{color:var(--muted);font-size:14px}
.draft{margin:22px 0;padding:12px 16px;border-radius:12px;background:#fff8e6;border:1px solid #f1dfae;color:#7a5a12;font-size:14px}
a{color:var(--teal)}
.btn{display:inline-block;margin-top:24px;padding:14px 24px;border-radius:999px;background:var(--grad);color:#fff;text-decoration:none;font-weight:500}
.center{text-align:center}
.center h1{margin-inline:auto}
footer{border-top:1px solid var(--line);padding-block:20px;font-size:13px;color:var(--muted)}
/* legal pages */
.top-links{display:flex;gap:6px 18px;flex-wrap:wrap;justify-content:flex-end;font-size:15px}
.top-links a{color:var(--soft);text-decoration:none;font-weight:500}
.top-links a[aria-current="page"]{color:var(--teal)}
.top-links a.back{color:var(--teal)}
.legal h1{width:auto}
.toc{margin:26px 0 8px;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.toc-h{margin:0 0 8px;font-weight:600;color:var(--ink);font-size:15px}
.toc ul{margin:0;padding:0;list-style:none;columns:2;column-gap:32px;font-size:15px}
.toc li{break-inside:avoid;margin:0 0 4px;padding-left:28px;text-indent:-28px}
.toc li span{display:inline-block;width:28px;text-indent:0;color:var(--muted)}
.toc a{text-decoration:none}
.toc a:hover{text-decoration:underline}
.legal-body h2{scroll-margin-top:20px;padding-top:6px}
.legal-body h3{font-size:16px;font-weight:600;margin:18px 0 4px;color:var(--ink)}
.legal-body ul{padding-left:22px;margin:8px 0 14px}
.legal-body li{margin:4px 0}
.legal-body strong{color:var(--ink)}
@media (max-width:640px){
  .top .wrap{flex-wrap:wrap;gap:8px;padding-block:10px}
  .top img{height:32px}
  .top-links{font-size:14px;justify-content:flex-start}
  .toc ul{columns:1}
  main{padding-block:32px 56px}
}