/* Temporary bank/merchant pages (RealPortal LTD). Uses the tokens of /platform-home.css. Remove with the rest of public/legal/. */
.legal-main{padding:40px 0 72px;background:var(--paper)}
.legal{max-width:760px;margin:0 auto}
.legal h1{font:500 clamp(1.8rem,4.4vw,2.6rem)/1.15 var(--serif);letter-spacing:-.02em;margin-bottom:8px}
.legal .updated{color:var(--ink-2);font-size:.9rem;margin-bottom:28px}
.legal .lead{font-size:1.08rem;color:var(--ink-2);margin-bottom:8px}
.legal h2{font:600 1.2rem/1.3 var(--serif);margin:32px 0 10px}
.legal p{margin:0 0 14px;color:var(--ink-2);overflow-wrap:anywhere}
.legal ul{margin:0 0 14px;padding-left:1.3em;list-style:disc;color:var(--ink-2)}
.legal li{margin-bottom:8px;overflow-wrap:anywhere}
.legal strong{color:var(--ink)}
.legal a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px}
.legal .note{background:var(--accent-tint);border:1px solid var(--accent-soft);border-radius:12px;padding:14px 16px;color:var(--ink)}
.legal .details{display:grid;grid-template-columns:max-content 1fr;gap:10px 22px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:0 0 8px}
.legal .details dt{font-weight:600;color:var(--ink)}
.legal .details dd{margin:0;color:var(--ink-2);overflow-wrap:anywhere}
.legal-home{margin-left:auto;text-decoration:none;color:var(--ink-2);font-size:.95rem}
@media (max-width:560px){.legal .details{grid-template-columns:1fr;gap:2px 0}.legal .details dd{margin-bottom:10px}.legal-main{padding:28px 0 56px}}