@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('./assets/manrope-latin-wght-normal.woff2') format('woff2')}
:root{color-scheme:light;--purple:#58357a;--ink:#291d35;--muted:#62566c;--line:#ece5f1;--lime:#dcf43f}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.75 Manrope,system-ui,sans-serif}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #b39ac9;outline-offset:3px}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}
.top{border-bottom:1px solid var(--line);background:#fff}.head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:800;font-size:24px;letter-spacing:-1px}.brand img{width:43px;height:43px;padding:4px;border-radius:10px;background:#392050}.head nav{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:750}.head .back{background:var(--purple);color:white;padding:11px 16px;border-radius:10px;white-space:nowrap}.head .back:hover{background:#452566;text-decoration:none}
.intro{padding:66px 0 34px;background:linear-gradient(160deg,#f8f4fb,#fff 77%);border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:850;color:#764e99}.intro h1{font-size:clamp(36px,5vw,62px);line-height:1.12;letter-spacing:-2px;margin:14px 0 16px;font-weight:780}.intro p{font-size:18px;color:var(--muted);max-width:760px;line-height:1.75;margin:0 0 12px}.date{font-size:13px;color:#796c83;font-weight:750}
.legal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(30px,5vw,80px);padding:48px 0 80px}.toc{position:sticky;top:24px;align-self:start;display:grid;gap:8px;background:#faf8fc;padding:22px 18px;border:1px solid var(--line);border-radius:17px}.toc strong{font-size:12px;color:#6b4a86;letter-spacing:1px}.toc a{display:block;padding:6px 2px;color:#5e5269;font-weight:700;font-size:13px}.toc a:hover{color:var(--purple)}.legal-content{max-width:790px;min-width:0}.notice{border-left:4px solid var(--lime);background:#f7f4fa;padding:18px 22px;border-radius:0 14px 14px 0;margin-bottom:32px}.notice strong{display:block;color:#45285d;margin-bottom:6px}.notice p{margin:0;font-size:15px}
.legal-content section{padding:22px 0;border-bottom:1px solid var(--line)}.legal-content h2{font-size:clamp(23px,2.6vw,29px);line-height:1.25;letter-spacing:-.6px;font-weight:800;margin:0 0 13px}.legal-content h3{font-size:17px;margin:20px 0 8px;color:#49315c}.legal-content p,.legal-content li{font-size:16px;line-height:1.8;color:#584f60}.legal-content p{margin:0 0 14px}.legal-content ul{padding-left:24px;margin:12px 0 18px}.legal-content li{margin-bottom:8px}.legal-content a{text-decoration:underline;text-underline-offset:2px}.legal-content .minor{color:#796f80;font-size:14px}.legal-content .important{color:#49315c;font-weight:750}.status{display:inline-flex;background:#f1eaf8;border:1px solid #e5d7ef;border-radius:100px;font-weight:800;color:#623d84;padding:5px 11px;font-size:12px;margin-bottom:10px}
.footer{border-top:1px solid var(--line);background:#f9f7fb;padding:27px 0 37px}.footer .wrap{display:flex;justify-content:space-between;gap:22px;align-items:center}.footer p{color:#6b5d76;font-size:12px;margin:0}.footer nav{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;font-weight:750}
@media(max-width:760px){.head{min-height:76px}.brand{font-size:20px}.head nav>a:not(.back){display:none}.head nav{gap:12px}.head .back{font-size:12px;padding:10px 12px}.intro{padding:46px 0 28px}.intro h1{letter-spacing:-1.3px}.intro p{font-size:16px}.legal-layout{grid-template-columns:1fr;padding:30px 0 60px;gap:15px}.toc{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:12px}.toc strong{width:100%;font-size:11px}.toc a{border:1px solid var(--line);border-radius:9px;padding:5px 9px;font-size:12px}.legal-content h2{font-size:25px}.legal-content p,.legal-content li{font-size:16px}.footer .wrap{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}