/* ========================================================================== Privacy Policy page — scoped styles only. Every rule is namespaced under .gw-privacy so this file cannot affect the navbar (.navbar, .nav-links, .mobile-nav, etc.) or the footer (.gw-footer, .gw-fcol, etc.), which keep their own existing CSS. Redesign goal: plain, simple, document-like. No hero banner, no colored numbered badges, no sticky highlighted TOC. Mirrors the simplified Terms & Conditions page for visual consistency. Font: Cairo (already loaded in ). ========================================================================== */ .gw-privacy { font-family: 'Cairo', sans-serif; color: #2b2b38; background: #ffffff; } .gw-privacy * { box-sizing: border-box; } /* ---- Page header: plain title + last updated, no banner ---- */ .gw-privacy-hero { padding: 144px 24px 24px; border-bottom: 1px solid #e5e3da; } .gw-privacy-hero-inner { max-width: 760px; margin: 0 auto; } .gw-privacy-eyebrow { display: block; font-size: 13px; color: #6b6878; font-weight: 600; margin-bottom: 8px; } .gw-privacy-title { font-family: 'Cairo', sans-serif; font-weight: 700; font-size: 28px; color: #17162a; margin: 0 0 10px; } .gw-privacy-sub { color: #55536a; font-size: 14.5px; font-weight: 400; margin: 0 0 12px; } .gw-privacy-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: #6b6878; } .gw-privacy-meta a { color: #17162a; text-decoration: underline; font-weight: 500; } .gw-privacy-meta a:hover { color: #46435a; } .gw-privacy-meta-divider { color: #c4c1b6; } /* ---- Body layout: plain contents list above plain content ---- */ .gw-privacy-body { background: #ffffff; padding: 0 24px 72px; } .gw-privacy-container { max-width: 760px; margin: 0 auto; display: block; } /* ---- Table of contents: plain list, no card, no color, no sticky ---- */ .gw-privacy-toc { position: static; padding: 24px 0; border-bottom: 1px solid #e5e3da; margin-bottom: 8px; } .gw-privacy-toc-inner { background: none; border: none; padding: 0; } .gw-privacy-toc-label { display: block; font-size: 13px; font-weight: 600; color: #6b6878; margin-bottom: 10px; } .gw-privacy-toc ol { list-style: decimal; margin: 0; padding: 0 0 0 20px; counter-reset: none; } .gw-privacy-toc li { margin-bottom: 4px; } .gw-privacy-toc a { display: inline; padding: 0; border-radius: 0; font-size: 14.5px; line-height: 1.9; color: #17162a; text-decoration: underline; font-weight: 400; } .gw-privacy-toc a::before { content: none; } .gw-privacy-toc a:hover { color: #46435a; } .gw-privacy-toc a.active { background: none; color: #17162a; font-weight: 600; } .gw-privacy-toc a.active::before { content: none; } /* ---- Main content column ---- */ .gw-privacy-content { max-width: 760px; } .gw-privacy-section { padding: 24px 0; border-bottom: 1px solid #ece8da; scroll-margin-top: 24px; } .gw-privacy-section:first-of-type { padding-top: 24px; } .gw-privacy-section:last-of-type { border-bottom: none; } .gw-privacy-section h2 { display: block; font-family: 'Cairo', sans-serif; font-weight: 700; font-size: 17px; color: #17162a; margin: 0 0 12px; } .gw-privacy-num { display: inline; width: auto; height: auto; flex-shrink: 0; border-radius: 0; background: none; color: inherit; font-size: inherit; font-weight: inherit; margin-right: 4px; } .gw-privacy-section h3 { font-family: 'Cairo', sans-serif; font-weight: 600; font-size: 15px; color: #17162a; margin: 18px 0 8px; } .gw-privacy-section p { font-size: 14.5px; line-height: 1.8; color: #35334a; margin: 0 0 14px; } .gw-privacy-list { margin: 0 0 14px; padding: 0 0 0 20px; list-style: disc; } .gw-privacy-list li { position: static; padding-left: 0; font-size: 14.5px; line-height: 1.8; color: #35334a; margin-bottom: 6px; } .gw-privacy-list li::before { content: none; } /* ---- Contact block (section 12): plain text, no card styling ---- */ .gw-privacy-contact-card { display: flex; flex-direction: column; gap: 4px; background: none; border: none; border-left: none; border-radius: 0; padding: 0; margin-top: 4px; } .gw-privacy-contact-card strong { color: #17162a; font-size: 14.5px; margin-bottom: 4px; } .gw-privacy-contact-card span { font-size: 14.5px; color: #35334a; } .gw-privacy-contact-card a { color: #17162a; font-weight: 500; text-decoration: underline; } .gw-privacy-contact-card a:hover { color: #46435a; } .gw-privacy-footnote { margin-top: 24px; font-size: 12.5px; color: #9a97a8; text-align: left; } /* ---- Responsive ---- */ @media (max-width: 560px) { .gw-privacy-hero { padding: 140px 18px 20px; } .gw-privacy-body { padding: 0 16px 56px; } .gw-privacy-title { font-size: 22px; } }