/* Shared styling for legal pages (terms / privacy / refunds / cookies). */
.legal-wrap { max-width: 760px; margin: 0 auto; padding: 30px 16px 70px; }
.legal-wrap h1 { font-size: 1.5rem; margin-bottom: .2rem; }
.legal-wrap .eff { color: var(--muted); font-size: .82rem; margin-bottom: 1.6rem; }
.legal-wrap h2 { font-size: 1.02rem; margin: 1.6rem 0 .5rem; }
.legal-wrap p, .legal-wrap li { font-size: .9rem; line-height: 1.75; color: var(--text-2); }
.legal-wrap p { margin-bottom: .8rem; }
.legal-wrap ul { margin: 0 0 .8rem 1.3rem; padding: 0; }
.legal-wrap li { margin-bottom: .35rem; }
.legal-wrap a { color: var(--primary); }
.legal-wrap b { color: var(--text); }
.legal-wrap table { width: 100%; border-collapse: collapse; font-size: .85rem; margin: .6rem 0 1rem; }
.legal-wrap th, .legal-wrap td { text-align: left; padding: .5rem .7rem; border: 1px solid var(--border);
                                 color: var(--text-2); line-height: 1.5; vertical-align: top; }
.legal-wrap th { color: var(--text); background: var(--surface); font-size: .78rem;
                 text-transform: uppercase; letter-spacing: .04em; }
.legal-wrap .also { margin-top: 2rem; border-top: 1px solid var(--border); padding-top: 1rem;
                    font-size: .84rem; }
