/* Legal pages share the landing's logo, self-hosted fonts and colour tokens. */
.legal-wrap{max-width:1240px}.legal-page{padding:48px 0 80px}.legal-heading{max-width:880px;padding-bottom:40px;border-bottom:1px solid var(--line)}.legal-heading h1{font-size:clamp(36px,5.3vw,64px);line-height:1.12;letter-spacing:-.035em;margin:18px 0 24px;overflow-wrap:anywhere}.legal-date{color:var(--muted);font-size:14px}.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;padding-top:40px}.legal-toc{display:flex;flex-direction:column;position:sticky;top:24px}.legal-toc a{padding:12px 0;color:var(--muted);font-size:14px;line-height:1.5;min-height:44px}.legal-toc a:hover{color:var(--accent)}.legal-copy{max-width:720px;min-width:0}.legal-copy section{scroll-margin-top:28px;padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--line)}.legal-copy section:last-child{margin-bottom:0;border-bottom:0}.legal-copy h2{font-size:24px;line-height:1.4;margin:0 0 18px;font-weight:550;letter-spacing:-.015em}.legal-copy p{font-size:16px;line-height:1.85;color:var(--muted);margin:0 0 18px;text-wrap:pretty;overflow-wrap:anywhere}.legal-copy strong{color:var(--ink)}.legal-copy a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.legal-copy .contact-address{font-size:clamp(22px,4vw,30px);margin:22px 0}.contact-address a{display:inline-block;min-height:44px}.legal-footer{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:14px}.legal-footer a{display:inline-flex;align-items:center;min-height:44px}.legal-footer a:hover{color:var(--accent)}.skip-link{position:absolute;top:-100px;left:20px;padding:12px;background:var(--accent);color:var(--bg);z-index:10}.skip-link:focus{top:12px}html[lang=th] .legal-copy h2{font-size:24px;line-height:1.6}
@media(max-width:800px){.legal-page{padding-top:28px}.legal-layout{grid-template-columns:1fr;gap:32px;padding-top:24px}.legal-toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.legal-heading{padding-bottom:24px}.legal-copy section{padding-bottom:24px;margin-bottom:24px}.legal-footer{align-items:flex-start}.legal-wrap .brand-wordmark{width:150px;height:auto}}
@media(max-width:420px){.legal-toc{grid-template-columns:1fr}.legal-wrap .nav{gap:10px}.legal-wrap .brand-wordmark{width:128px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.buy-plans{padding-top:40px}.buy-plans .plans{margin-top:0}
.referral-table{display:grid;margin:8px 0 22px;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.referral-table>div{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));align-items:center;gap:12px;padding:14px 18px;border-top:1px solid var(--line)}
.referral-table>div:first-child{border-top:0;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.referral-table span[role=rowheader]{color:var(--ink);font-size:15px}
.referral-table strong{font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums}
@media(max-width:520px){.referral-table>div{padding:12px 14px;gap:8px}.referral-table strong{font-size:21px}.referral-table span[role=rowheader]{font-size:14px}}
.legal-copy ul{margin:0 0 18px;padding-left:1.25em;color:var(--muted)}.legal-copy li{font-size:16px;line-height:1.85;margin:0 0 8px;text-wrap:pretty;overflow-wrap:anywhere}.legal-copy li::marker{color:var(--accent)}.legal-notice{color:var(--ink);font-size:15px;margin:18px 0 0}
