/* Standalone search pages. Tokens come from site.css. */
.seo-page { padding-bottom: 0; }
.seo-page .nav-links { display: flex; }
.seo-page .auth-pill { display: inline-flex; align-items: center; text-decoration: none; margin-left: auto; }
.seo-main { max-width: 820px; margin: 0 auto; padding: clamp(26px, 5vh, 52px) max(20px, var(--sal)) 64px; }
.seo-crumbs { font-size: 14px; color: var(--ink-soft); margin-bottom: 18px; }
.seo-crumbs a { color: var(--ink-soft); }
.seo-crumbs span { margin: 0 4px; }
.seo-main h1 { font: 300 clamp(38px, 6vw, 62px)/1.05 var(--display); letter-spacing: -.025em; margin: 0 0 16px; color: var(--ink); }
.seo-lede { font-size: clamp(18px, 2.2vw, 21px); line-height: 1.5; color: var(--ink-soft); margin: 0 0 30px; }
.seo-lede b { color: var(--ink); font-weight: 600; }
.seo-main section { margin: 36px 0; }
.seo-main h2 { font: 400 clamp(26px, 3.6vw, 34px)/1.15 var(--display); letter-spacing: -.015em; margin: 0 0 12px; color: var(--ink); }
.seo-main h3 { font: 600 18px/1.3 var(--ui); margin: 20px 0 6px; color: var(--ink); }
.seo-main p { font-size: 17px; line-height: 1.6; color: var(--ink-soft); }
.seo-main a { color: var(--violet); }
.seo-main a.btn-main { color: #fff; text-decoration: none; }
.seo-list, .seo-topics { list-style: none; padding: 0; margin: 0; }
.seo-list li { padding: 10px 0; border-top: 1px solid var(--line); font-size: 17px; line-height: 1.5; color: var(--ink-soft); }
.seo-list b { color: var(--ink); }
.seo-topics li { padding: 12px 0; border-top: 1px solid var(--line); }
.seo-topics b { display: block; font-size: 17px; color: var(--ink); }
.seo-topics span { display: block; margin-top: 3px; font-size: 15.5px; line-height: 1.45; color: var(--ink-soft); }
.seo-table { overflow-x: auto; }
.seo-table table { width: 100%; border-collapse: collapse; font-size: 16px; }
.seo-table th, .seo-table td { padding: 11px 10px; border-top: 1px solid var(--line); text-align: left; color: var(--ink); }
.seo-table thead th { border-top: 0; color: var(--ink-soft); font-weight: 600; font-size: 14px; }
.seo-table tbody th { font-weight: 500; }
.seo-access { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; background: var(--mist); border-radius: 14px; padding: 14px 16px; }
.seo-access svg { width: 14px; height: 14px; color: var(--gold-deep); }
.seo-prevnext { display: flex; justify-content: space-between; gap: 16px; font-size: 15px; margin-top: 22px; }
.seo-cta { background: var(--aubergine); color: #fff; border-radius: 24px; padding: clamp(22px, 4vw, 34px); margin: 44px 0 20px; }
.seo-cta h2 { color: #fff; }
.seo-cta p { color: rgba(255, 255, 255, .82); margin: 0 0 18px; }
.seo-updated { font-size: 14px !important; }
@media (max-width: 760px) {
  .seo-page .nav-links { display: none !important; }
  .seo-prevnext { flex-direction: column; }
}
