.legal-body{background:#f7faf5;min-height:100vh}
.legal-top{display:flex;align-items:center;justify-content:space-between;max-width:860px;margin:0 auto;padding:20px 24px}
.legal-back{font-size:13px;font-weight:650;color:#40533b;text-decoration:none;padding:8px 12px;border-radius:999px}.legal-back:hover{background:#e9f1e4}
.legal{max-width:760px;margin:0 auto;padding:18px 24px 150px}
.legal h1{font-size:clamp(34px,6vw,50px);letter-spacing:-1.6px;margin:0 0 6px}
.legal-updated{color:#7b8a75;font-size:13px;margin:0 0 28px}
.legal-summary{background:#fff;border:1px solid hsl(var(--hue) 22% 87%);border-radius:20px;padding:22px 26px;margin:0 0 26px;box-shadow:0 6px 24px #1d3a2a0d}
.legal-summary h2{margin:0 0 10px;font-size:18px}.legal-summary ul{margin:0;padding-left:20px;display:grid;gap:7px;font-size:15px}
.legal-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 44px}.legal-toc a{font-size:13px;text-decoration:none;color:hsl(var(--hue) 35% 30%);background:#fff;border:1px solid hsl(var(--hue) 22% 84%);border-radius:999px;padding:6px 13px}.legal-toc a:hover{background:hsl(var(--hue) 33% 95%)}
.legal section[id]{padding:34px 0;border-top:1px solid hsl(var(--hue) 18% 88%);scroll-margin-top:20px}
.legal section h2{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:-.5px;margin:0 0 14px}
.legal section h2 span{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:hsl(var(--hue) 33% 92%);color:hsl(var(--hue) 39% 30%);font-size:14px;font-weight:700}
.legal p,.legal li{font-size:16px;line-height:1.75;color:#33443a}.legal p{margin:0 0 14px}.legal ul{margin:0 0 14px;padding-left:22px;display:grid;gap:6px}
.legal a{color:hsl(var(--hue) 39% 30%);text-underline-offset:3px}
.legal-note{font-size:14px!important;color:#7b8a75!important}.legal-end{margin-top:30px}
/* Pip glides across the bottom of the screen as the page is read. */
.legal-pip{position:fixed;left:0;bottom:12px;z-index:30;width:76px;height:76px;pointer-events:none;will-change:transform}
.legal-pip .pip{width:76px;height:76px;pointer-events:none}
@media(max-width:560px){.legal{padding:10px 18px 150px}.legal-top{padding:16px 18px}.legal-summary{padding:18px}.legal section h2{font-size:20px}}