/* Legal / text pages (refund-policy.html, privacy-policy.html, terms-of-service.html LegalPage).
   The base layout (80px title, 926px column, 20px headings, 16px Bricolage) is in base.css; this
   adds the parts the existing WordPress content needs. Breakpoint: useMobile(760). */
.cc-legal__body>:is(ul,ol){padding-left:24px;display:flex;flex-direction:column;gap:10px;list-style:disc}
.cc-legal__body>ol{list-style:decimal}
.cc-legal__body li,.cc-legal__body li+li{margin:0;font-family:var(--font-display);font-weight:400;font-size:16px;line-height:1.3}
.cc-legal__body li>:is(ul,ol){margin-top:10px;padding-left:24px;display:flex;flex-direction:column;gap:10px}
.cc-legal__body :is(h1,h2,h3,h4,h5,h6) strong{font-weight:inherit}
/* The old pages separate sections with rules; the design separates them with space only. */
.cc-legal__body>hr{display:none}
.cc-legal__body table{width:100%;border-collapse:collapse}
.cc-legal__body :is(td,th){border:1px solid #000;padding:8px;text-align:left;vertical-align:top}
/* Bold-only paragraphs are sub-headings (demo Block heading, LH3) */
.cc-legal__body>.cc-legal__lead{font-size:20px;letter-spacing:-1px;line-height:1.1}
.cc-legal__body>*+.cc-legal__lead{margin-top:40px}
/* Pages with sub-headings: h2 is the demo's LH2 (32px) */
.cc-legal__body--tiered>h2{font-size:32px;letter-spacing:-1.6px;line-height:1.05}
.cc-legal__body--tiered>h2+.cc-legal__lead{margin-top:40px}
@media (max-width:760px){.cc-legal{padding-bottom:88px}}
/* Text page block: optional "last updated" line under the title */
.cc-legal__updated{margin:16px 0 0;font-family:var(--font-mono);font-weight:400;font-size:14px;letter-spacing:.04em;line-height:1.4;text-transform:uppercase;color:#000}