/* Legal & support pages */
:root{
  --ink:#0b0f2e;--muted:#5d6385;--violet:#5b3be0;--deep:#4429bd;--tint:#ece8fd;--line:#e3dff5;
  --lg-font:'Plus Jakarta Sans','Nunito','Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:110px;}
body{margin:0;font-family:var(--lg-font);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.6;}
a{color:var(--violet);}
/* The legal text uses its own font; the navigation bar and the footer keep exactly the home page styling. */
.lg-title,.lg-sec h2,.lg-related h3{font-family:var(--lg-font);}
.site-header-wrap,footer.ft{line-height:1.5;-webkit-font-smoothing:auto;}
img,svg{max-width:100%;}


/* ---------- Hero ---------- */
.lg-hero{position:relative;overflow:hidden;padding:clamp(104px,10vw,128px) clamp(18px,6vw,90px) 40px;
  background:radial-gradient(900px 340px at 82% 10%,#e9e1ff 0,transparent 70%),linear-gradient(180deg,#f3efff 0%,#faf8ff 70%,#fff 100%);border-bottom:1px solid var(--line);}
.lg-hero-in{max-width:1280px;margin:0 auto;position:relative;}
.lg-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:15px;color:var(--ink);font-weight:500;}
.lg-crumb a{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px;}
.lg-crumb a:hover{color:var(--violet);}
.lg-crumb svg{width:18px;height:18px;color:var(--violet);}
.lg-crumb i{font-style:normal;color:#8c90ad;}
.lg-title{font-size:clamp(38px,5.2vw,64px);font-weight:800;letter-spacing:-.04em;line-height:1.06;margin:22px 0 0;}
.lg-title em{font-style:normal;color:var(--violet);}
.lg-lead{max-width:34em;color:var(--muted);font-size:clamp(15px,1.3vw,18px);line-height:1.65;margin:16px 0 0;}
.lg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:22px;font-size:15px;}
.lg-meta span{display:inline-flex;align-items:center;gap:12px;}
.lg-meta b{font-weight:700;}
.lg-meta small{font-size:inherit;color:var(--muted);}
.lg-meta .ic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--violet);box-shadow:0 4px 12px rgba(91,59,224,.12);}
.lg-meta .ic svg{width:18px;height:18px;}
.lg-art{position:absolute;right:clamp(0px,3vw,60px);top:-6px;width:min(34vw,380px);aspect-ratio:1.05;pointer-events:none;}
.lg-art svg{width:100%;height:100%;overflow:visible;}

/* ---------- Body ---------- */
.lg-wrap{max-width:1280px;margin:0 auto;padding:44px clamp(18px,6vw,90px) calc(var(--ft-rise) + 30px);display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start;}
.lg-toc{position:sticky;top:96px;padding:22px 16px 18px;border-radius:26px;border:1.5px solid var(--line);background:linear-gradient(180deg,#f6f3ff,#fff);box-shadow:0 18px 44px rgba(91,59,224,.08);}
.lg-toc summary{list-style:none;display:flex;align-items:center;gap:14px;padding:4px 12px 14px;font-weight:800;font-size:19px;cursor:default;}
.lg-toc summary::-webkit-details-marker{display:none;}
.lg-toc summary svg{width:22px;height:22px;color:var(--violet);}
.lg-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 220px);overflow:auto;}
.lg-toc a{display:flex;gap:10px;padding:9px 14px;border-radius:12px;border-left:3px solid transparent;color:#2a2f5a;text-decoration:none;font-weight:600;font-size:14.5px;line-height:1.35;}
.lg-toc a b{font-weight:700;flex:none;}
.lg-toc a:hover{background:#f1edff;}
.lg-toc a.on{background:#e9e4fd;border-left-color:var(--violet);color:var(--deep);}
.lg-main{min-width:0;}
.lg-sec{padding:0 0 30px;margin:0 0 30px;border-bottom:1px solid var(--line);scroll-margin-top:100px;}
.lg-sec:last-of-type{border-bottom:0;}
.lg-sec h2{display:flex;gap:14px;align-items:baseline;font-size:clamp(23px,2.4vw,32px);font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0 0 10px;}
.lg-sec h2 .n{color:var(--violet);flex:none;}
.lg-sec p,.lg-sec li{color:#2b3055;font-size:clamp(15px,1.15vw,17px);line-height:1.7;}
.lg-sec p{margin:0 0 12px;}
.lg-sec p:last-child{margin-bottom:0;}
.lg-sec ul{list-style:none;margin:6px 0 12px;padding:0;display:flex;flex-direction:column;gap:7px;}
.lg-sec li{position:relative;padding-left:26px;}
.lg-sec li::before{content:"";position:absolute;left:5px;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--violet);}
.lg-sec b{color:var(--ink);}
.lg-note{padding:14px 18px;border-radius:16px;background:#f4f0ff;border:1px solid var(--line);}
.lg-sec p.lg-note{margin:6px 0 14px;}
.lg-related{margin-top:6px;padding:20px 22px;border-radius:20px;background:#f6f3ff;border:1px solid var(--line);}
.lg-related h3{margin:0 0 10px;font-size:16px;font-weight:800;}
.lg-related div{display:flex;flex-wrap:wrap;gap:10px;}
.lg-related a{padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;font-weight:600;font-size:14px;color:var(--deep);}
.lg-related a:hover{background:var(--tint);}


@media(max-width:1000px){
  .lg-art{display:none;}
  .lg-wrap{grid-template-columns:1fr;padding-top:26px;gap:22px;}
  .lg-toc{position:static;padding:8px 8px;}
  .lg-toc summary{cursor:pointer;padding:10px 12px;position:relative;}
  .lg-toc summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--violet);border-bottom:2px solid var(--violet);transform:rotate(45deg);transition:transform .2s;}
  .lg-toc[open] summary::after{transform:rotate(-135deg);}
  .lg-toc ol{max-height:none;padding-bottom:8px;}
}
@media(max-width:560px){
  .lg-sec h2{gap:10px;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
.lg-sec h3{font-family:var(--lg-font);font-size:clamp(17px,1.4vw,20px);font-weight:800;letter-spacing:-.01em;line-height:1.3;margin:20px 0 6px;color:var(--ink);}
.lg-sec h3:first-of-type{margin-top:6px;}