/* ADDED: legal pages (/terms-conditions, /privacy-policy, /refund-policy, /risk-disclosure, /disclaimer)
   Simple layout ported from the live site: plain sticky link list + plain prose, no cards. */
.lg-meta { margin: 14px 0 0; font-size: .88rem; color: var(--muted); opacity: .8; }
.lg-body { padding-top: clamp(8px, 2vw, 24px); }
.lg-wrap { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 48px; }
.lg-nav { position: sticky; top: calc(var(--header-h) + 28px); align-self: start; font-size: .9rem; max-height: calc(100vh - var(--header-h) - 56px); overflow-y: auto; }
.lg-nav a { display: block; padding: 7px 0 7px 14px; border-left: 2px solid var(--line-2); color: var(--muted); text-decoration: none; line-height: 1.45; transition: color .2s, border-color .2s; }
.lg-nav a:hover, .lg-nav a:focus-visible { color: var(--text); border-color: var(--brand-b); }
/* CHANGED: sizes + spacing match the live site's .prose (17px / 1.65, h2 1.65rem with 2.2em above, bullets) */
.lg-prose { max-width: 820px; font-size: 17px; line-height: 1.65; }
.lg-prose section { scroll-margin-top: calc(var(--header-h) + 24px); }
.lg-prose h2 { font-size: 1.65rem; line-height: 1.15; margin: 2.2em 0 .5em; letter-spacing: -.02em; }
.lg-prose section:first-child h2 { margin-top: 0; }
.lg-prose h3 { font-size: 1.15rem; line-height: 1.2; margin: 1.8em 0 .5em; }
.lg-prose p, .lg-prose li { color: #cfd3e0; font-size: 1em; line-height: 1.65; }
html[data-theme="light"] .lg-prose p, html[data-theme="light"] .lg-prose li { color: #3d4456; }
.lg-prose p { margin: 0 0 1em; }
.lg-prose ul, .lg-prose ol { padding-left: 1.3em; margin: 0 0 1em; }
.lg-prose ul { list-style: disc; }          /* base.css resets lists to none — bring the bullets back */
.lg-prose ol { list-style: decimal; }
.lg-prose li { margin: .35em 0; padding-left: .15em; }
.lg-prose li::marker { color: #cfd3e0; }
.lg-prose a { color: var(--brand-b); text-decoration: underline; text-underline-offset: 3px; }
.lg-prose strong { color: var(--text); }
/* ADDED: side menu highlights the section being read (website_assets/js/legal.js) */
.lg-nav a.is-active { color: var(--text); border-color: var(--brand-b); }
@media (max-width: 860px) {
  .lg-wrap { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .lg-nav { display: none; }
  .lg-prose { font-size: 16px; }
}