/* Reserve the widget viewport before React mounts to prevent content jumping. */
.l2pass-app-root { min-height: 100vh; }
/* Scoped so the shared swap2 widget and its layout are unaffected. */
.l2pass-seo { box-sizing: border-box; max-width: 1000px; margin: 0 auto; padding: 64px 28px 48px; border-top: 1px solid var(--border, #d5d5cf); color: var(--text, #171717); font: 16px/1.75 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overflow-wrap: anywhere; }
.l2pass-seo h1 { max-width: 720px; margin: 12px 0 20px; font-size: clamp(26px, 4vw, 40px); line-height: 1.2; font-weight: 600; letter-spacing: -.025em; }
.l2pass-seo h2 { margin: 40px 0 12px; font-size: 22px; line-height: 1.35; font-weight: 550; }
.l2pass-seo p { margin: 0 0 18px; }
.l2pass-seo .l2pass-seo-eyebrow, .l2pass-seo-reviewed { color: var(--muted, #4b4b46); font-size: 13px; }
.l2pass-seo-eyebrow { letter-spacing: .12em; }
.l2pass-seo-networks { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 20px 0; }
.l2pass-seo-networks li { border: 1px solid var(--border, #d5d5cf); border-radius: 6px; padding: 4px 12px; font-size: 14px; }
.l2pass-seo-faq { margin: 20px 0 32px; border-top: 1px solid var(--border, #d5d5cf); }
.l2pass-seo details { border-bottom: 1px solid var(--border, #d5d5cf); padding: 16px 0; }
.l2pass-seo summary { cursor: pointer; font-weight: 550; }
.l2pass-seo details p { margin: 12px 0 0; }
.l2pass-seo summary:focus-visible, .l2pass-seo a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.l2pass-seo nav { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.l2pass-seo a { color: inherit; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 600px) { .l2pass-seo { padding: 40px 20px 32px; font-size: 15px; } .l2pass-seo h2 { font-size: 20px; margin-top: 32px; } }