/* Sydney Quant — shared shell for support, privacy and legal pages. Scoped to sq-* so it can sit alongside a page's own styles without clashing. */ .sq-bar, .sq-foot { font-family: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .sq-bar { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; gap: 18px; padding: 12px 20px; background: rgba(6, 8, 13, 0.88); backdrop-filter: blur(14px) saturate(1.3); -webkit-backdrop-filter: blur(14px) saturate(1.3); border-bottom: 1px solid rgba(255, 255, 255, 0.09); color: #e9edf5; } .sq-bar a.sq-home { display: inline-flex; align-items: center; gap: 10px; color: #e9edf5; text-decoration: none; font-size: 14px; font-weight: 600; letter-spacing: -0.02em; white-space: nowrap; } .sq-bar a.sq-home:hover { color: #5eead4; text-decoration: none; } .sq-bar svg { width: 24px; height: 24px; flex: none; } .sq-bar .sq-crumb { margin-left: auto; font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: #6d7789; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sq-foot { border-top: 1px solid rgba(255, 255, 255, 0.09); background: #080b12; color: #6d7789; padding: 30px 20px; text-align: center; font-size: 13px; line-height: 1.7; } .sq-foot a { color: #5eead4; text-decoration: none; } .sq-foot a:hover { text-decoration: underline; } .sq-foot .sq-foot-links { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px 18px; justify-content: center; } .sq-foot .sq-foot-links a { color: #a3adc2; } @media (max-width: 520px) { .sq-bar .sq-crumb { display: none; } } /* --------------------------------------------------------------------------- Full page theme — applied only to pages that opt in with .sq-page on . --------------------------------------------------------------------------- */ body.sq-page { margin: 0; padding: 0; max-width: none; background: #06080d; color: #e9edf5; font-family: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.68; letter-spacing: -0.011em; -webkit-font-smoothing: antialiased; color-scheme: dark; } body.sq-page .sq-wrap { width: min(780px, calc(100% - 40px)); margin: 0 auto; padding: 52px 0 72px; } body.sq-page h1 { font-size: clamp(1.9rem, 4.6vw, 2.6rem); font-weight: 600; letter-spacing: -0.035em; line-height: 1.12; margin: 0 0 14px; padding: 0; border: 0; color: #e9edf5; } body.sq-page h2 { font-size: 1.1875rem; font-weight: 600; letter-spacing: -0.025em; color: #e9edf5; margin: 44px 0 14px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.08); } body.sq-page h1 + h2 { border-top: 0; padding-top: 0; margin-top: 32px; } body.sq-page h3 { font-size: 1rem; font-weight: 600; color: #e9edf5; margin: 26px 0 10px; } body.sq-page p, body.sq-page li { color: #a3adc2; } body.sq-page strong { color: #e9edf5; font-weight: 550; } body.sq-page a { color: #5eead4; text-decoration: none; } body.sq-page a:hover { text-decoration: underline; } body.sq-page ul, body.sq-page ol { padding-left: 20px; } body.sq-page li { margin-bottom: 7px; } body.sq-page .sq-eyebrow { font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: #5eead4; margin: 0 0 16px; display: flex; align-items: center; gap: 10px; } body.sq-page .sq-eyebrow::before { content: ""; width: 22px; height: 1px; background: currentColor; opacity: .55; } body.sq-page table { width: 100%; border-collapse: collapse; margin: 22px 0; font-size: 0.9rem; background: #0d1219; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; overflow: hidden; } body.sq-page th, body.sq-page td { border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.07); padding: 12px 16px; text-align: left; vertical-align: top; color: #a3adc2; } body.sq-page thead th { background: rgba(255, 255, 255, 0.035); color: #e9edf5; font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 500; } body.sq-page tbody tr:last-child td { border-bottom: 0; } body.sq-page .sq-card { background: linear-gradient(180deg, #0d1219 0%, #080b12 100%); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; padding: 22px 24px; margin: 24px 0; } body.sq-page .sq-meta { font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; letter-spacing: 0.06em; color: #6d7789; margin: 0 0 30px; } @media (prefers-reduced-motion: reduce) { body.sq-page *, .sq-bar * { transition-duration: .001ms !important; } }