@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/fonts/plus-jakarta-sans-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

/*
 * Shared Picks marketing system.
 * Loaded last so legacy page-specific layouts keep their semantics while the
 * public site shares the homepage's typography, palette, materials, and motion.
 */
body.tools-site:not(.home-site),
body.legal-site {
  --picks-canvas: #f6f8f4;
  --picks-paper: #fff;
  --picks-ink: #10231f;
  --picks-panel: #14392c;
  --picks-ink-raised: #1a382f;
  --picks-copy: #4a5f58;
  --picks-muted: #6a7c75;
  --picks-line: #e9eee6;
  --picks-line-strong: #dce3d9;
  --picks-soft: #f4f7f2;
  --picks-mint: #e7efe6;
  --picks-orange: #e85613;
  --picks-shadow: 0 24px 64px -40px rgba(16, 35, 31, .32);
  --public-header-height: 70px;
  --ink: var(--picks-ink);
  --canvas: var(--picks-canvas);
  --paper: var(--picks-paper);
  --muted: var(--picks-copy);
  --green: var(--picks-panel);
  --green-dark: var(--picks-ink-raised);
  --mint: var(--picks-mint);
  --orange: var(--picks-orange);
  --line: var(--picks-line);
  --focus: #287b67;
  --shadow: var(--picks-shadow);
  margin: 0;
  color: var(--picks-ink);
  background: var(--picks-canvas);
  font-family: "Plus Jakarta Sans", "Helvetica Neue", Helvetica, sans-serif;
  font-synthesis: none;
}

body.tools-site:not(.home-site) {
  background: var(--picks-canvas);
}

.tools-site:not(.home-site) :is(h1, h2, h3, h4),
.legal-site :is(h1, h2, h3) {
  color: var(--picks-ink);
  font-family: "Plus Jakarta Sans", "Helvetica Neue", Helvetica, sans-serif;
  text-wrap: balance;
}

.tools-site:not(.home-site) :is(h1, h2),
.legal-site :is(h1, h2) {
  font-weight: 800;
}

.tools-site:not(.home-site) :is(h3, h4),
.legal-site h3 {
  font-weight: 700;
}

.tools-site:not(.home-site) :is(p, li, dd),
.legal-site :is(p, li, dd) {
  text-wrap: pretty;
}

.tools-site:not(.home-site) ::selection,
.legal-site ::selection {
  color: #fff;
  background: var(--picks-panel);
}

.tools-site:not(.home-site) :is(a, button, input, select, summary),
.legal-site a {
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease,
    box-shadow 180ms ease, transform 180ms ease;
}

.tools-site:not(.home-site) :is(a, button, input, select, summary):focus-visible,
.legal-site a:focus-visible {
  outline: 3px solid rgba(40, 123, 103, .42);
  outline-offset: 3px;
}

/* Shared nested-page header */
.tools-site:not(.home-site) > .site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  width: 100%;
  min-height: 70px;
  margin: 0;
  padding: 0 max(40px, calc((100vw - 1240px) / 2));
  border: 0;
  border-bottom: 1px solid #e6ebe2;
  background: rgba(246, 248, 244, .9);
  backdrop-filter: blur(12px);
}

.tools-site:not(.home-site) .site-brand {
  min-height: 44px;
  gap: 0;
  color: var(--picks-ink);
}

.public-wordmark {
  display: inline-flex;
  align-items: baseline;
  color: inherit;
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1;
}

.public-wordmark strong {
  color: inherit;
  font-size: 30px;
  font-weight: 800;
}

.public-wordmark small {
  margin: 0;
  color: inherit;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.02em;
  text-transform: none;
}

.tools-site:not(.home-site) .site-header > .public-nav-wide {
  gap: 24px;
}

.tools-site:not(.home-site) .site-header nav a,
.tools-site:not(.home-site) :is(.public-free-tools-trigger, .public-research-trigger) {
  color: #24413a;
  font-size: 14px;
  font-weight: 600;
}

.tools-site:not(.home-site) .site-header nav a:hover,
.tools-site:not(.home-site) :is(.public-free-tools-trigger, .public-research-trigger):hover {
  color: var(--picks-orange);
}

.tools-site:not(.home-site) .site-header nav a[aria-current="page"],
.tools-site:not(.home-site) :is(.public-free-tools-trigger, .public-research-trigger).is-current {
  color: var(--picks-ink);
  text-decoration-color: var(--picks-orange);
}

.tools-site:not(.home-site) .site-header nav .nav-cta {
  min-height: 42px;
  padding: 10px 18px;
  border: 1px solid var(--picks-line-strong);
  border-radius: 11px;
  color: #24413a;
  background: #fff;
  box-shadow: none;
}

.tools-site:not(.home-site) .site-header nav .nav-cta:hover {
  color: var(--picks-ink);
  border-color: var(--picks-ink);
  background: #fff;
  box-shadow: 0 16px 34px -24px rgba(16, 35, 31, .42);
  transform: translateY(-2px);
}

.tools-site:not(.home-site) :is(.public-free-tools-popover, .public-research-popover) {
  border-color: var(--picks-line-strong);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 26px 70px -32px rgba(16, 35, 31, .42);
}

.tools-site:not(.home-site) :is(.public-free-tools-popover, .public-research-popover) a:hover {
  color: var(--picks-ink);
  background: var(--picks-soft);
}

.tools-site:not(.home-site) main [id],
.legal-site main [id] {
  scroll-margin-top: calc(var(--public-header-height) + 28px);
}

.guide-site .guide-method-aside,
.comparison-site .guide-rail,
.research-site .research-method-nav {
  top: calc(var(--public-header-height) + 24px);
}

.research-site .research-letter-group > h2 {
  top: calc(var(--public-header-height) + 20px);
}

.product-comparison-site .comparison-section-nav,
.comparison-site .mobile-guide-nav {
  top: var(--public-header-height);
}

/* Shared type, controls, and section rhythm */
.tools-site:not(.home-site) :is(
  .directory-hero h1,
  .tool-intro h1,
  .audit-promise h1,
  .guide-title-block h1,
  .guides-directory-hero h1,
  .comparison-lead h1,
  .comparison-hub-hero h1,
  .comparison-index-hero h1,
  .comparison-hero h1,
  .research-hero h1,
  .research-directory-hero h1,
  .research-detail-hero h1,
  .research-method-hero h1,
  .pricing-v2-hero h1
) {
  color: var(--picks-ink);
  font-family: "Plus Jakarta Sans", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: 1.02;
}

.tools-site:not(.home-site) :is(
  .section-heading h2,
  .explain-grid h2,
  .final-cta h2,
  .guide-dossier h2,
  .guide-stage h2,
  .guide-method-aside h2,
  .guide-related h2,
  .guide-final-action h2,
  .guide-library h2,
  .guide-directory-close h2,
  .comparison-section-heading h2,
  .comparison-close h2,
  .audit-boundary h2,
  .audit-faq h2,
  .research-section-heading h2,
  .research-use-section h2,
  .pricing-v2-covenant h2,
  .pricing-v2-policy h2
) {
  font-family: "Plus Jakarta Sans", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: 1.08;
}

.tools-site:not(.home-site) :is(.kicker, .pricing-v2-hero > p:first-child) {
  color: var(--picks-orange);
}

.tools-site:not(.home-site) :is(.button, .submit-button, .pricing-card-button, .guide-action-form > button) {
  border-radius: 11px;
}

.tools-site:not(.home-site) :is(.button.primary, .submit-button, .pricing-card-button.primary, .guide-action-form > button) {
  color: #fff;
  background: var(--picks-ink);
  box-shadow: 0 18px 34px -22px rgba(16, 35, 31, .65);
}

.tools-site:not(.home-site) :is(.button.primary, .submit-button, .pricing-card-button.primary, .guide-action-form > button):hover {
  color: #fff;
  background: var(--picks-ink-raised);
  transform: translateY(-1px);
}

.tools-site:not(.home-site) :is(.button.secondary, .pricing-card-button:not(.primary)) {
  color: var(--picks-ink);
  border-color: var(--picks-ink);
  background: transparent;
}

.tools-site:not(.home-site) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  color: var(--picks-ink);
  border-color: var(--picks-line-strong);
  border-radius: 11px;
  background: #fff;
}

.tools-site:not(.home-site) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
  border-color: #287b67;
  box-shadow: 0 0 0 3px rgba(40, 123, 103, .14);
  outline: 0;
}

/* Tools and localization */
.tools-site:not(.home-site) :is(
  .directory-hero,
  .tool-hero,
  .directory-section,
  .process-section,
  .explain-grid,
  .faq-section,
  .related-section,
  .result-wrap,
  .corridor-facts,
  .final-cta
) {
  width: min(1240px, calc(100% - 80px));
}

.tools-site:not(.home-site) .directory-hero {
  padding-top: 96px;
  padding-bottom: 96px;
}

.tools-site:not(.home-site) .audit-preview {
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 22px;
  background: var(--picks-panel);
  box-shadow: 0 28px 70px -42px rgba(16, 35, 31, .68);
  transform: none;
}

.tools-site:not(.home-site) .audit-preview::before {
  border-color: var(--picks-orange);
  opacity: .72;
}

.tools-site:not(.home-site) .trust-strip {
  color: #dceae4;
  background: var(--picks-panel);
}

.tools-site:not(.home-site) :is(.directory-section, .process-section, .faq-section, .related-section) {
  padding-top: 96px;
  padding-bottom: 96px;
}

.tools-site:not(.home-site) :is(
  .tool-card,
  .corridor-card,
  .process-grid li,
  .tool-form,
  .result-card,
  .corridor-facts
) {
  border: 1px solid var(--picks-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
}

.tools-site:not(.home-site) :is(.tool-card, .corridor-card):hover {
  border-color: var(--picks-ink);
  box-shadow: var(--picks-shadow);
  transform: translateY(-2px);
}

.tools-site:not(.home-site) .process-grid li {
  border-top: 1px solid var(--picks-line);
}

.tools-site:not(.home-site) .process-grid li > span,
.tools-site:not(.home-site) .corridor-facts span,
.tools-site:not(.home-site) .tool-number {
  color: var(--picks-orange);
}

.tools-site:not(.home-site) .corridor-picker {
  border-radius: 22px;
  background: var(--picks-panel);
  box-shadow: var(--picks-shadow);
}

.tools-site:not(.home-site) .corridor-picker h2,
.tools-site:not(.home-site) .corridor-group-heading h3 {
  font-family: "Plus Jakarta Sans", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 800;
}

.tools-site:not(.home-site) .corridor-picker h2 {
  color: #fff;
}

.tools-site:not(.home-site) .corridor-picker .kicker {
  color: #f0b675;
}

.tools-site:not(.home-site) .explain-grid aside {
  border: 1px solid var(--picks-line);
  border-left: 3px solid var(--picks-orange);
  border-radius: 14px;
  background: #fff;
}

.tools-site:not(.home-site) :is(.final-cta, .guide-final-action, .guide-directory-close, .comparison-close, .comparison-final-cta, .research-workspace-handoff) {
  border-radius: 22px;
  color: #f7faf8;
  background: var(--picks-panel);
  box-shadow: var(--picks-shadow);
}

.tools-site:not(.home-site) :is(.final-cta, .guide-final-action, .guide-directory-close, .comparison-close, .comparison-final-cta, .research-workspace-handoff) :is(h2, h3, strong) {
  color: #fff;
}

/* Guides */
.guide-site :is(.guide-article, .guides-directory-hero, .guides-directory-trust, .guide-library, .guide-directory-close) {
  width: min(1240px, calc(100% - 80px));
}

.guide-site :is(.guide-dossier, .guide-contents, .guide-method-aside, .guide-directory-method, .guide-directory-group ol) {
  border-color: var(--picks-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
}

.guide-site :is(.guide-directory-row, .guide-stage, .guide-sources li) {
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.guide-site .guide-directory-row:hover {
  border-color: var(--picks-ink);
  box-shadow: var(--picks-shadow);
  transform: translateY(-2px);
}

.guide-site :is(.guide-stage-number, .guide-directory-method > li > span) {
  color: #fff;
  background: var(--picks-panel);
}

.guide-site .guides-directory-trust {
  border-radius: 14px;
  color: var(--picks-panel);
  background: var(--picks-mint);
}

.guide-site :is(.guide-annotation, .guide-stage-note, .guide-dossier-boundary) {
  border-color: var(--picks-line-strong);
  background: var(--picks-soft);
}

.guide-site .guide-method-aside {
  padding: 0 22px;
  border: 1px solid var(--picks-line);
  border-radius: 18px;
  background: #fff;
}

/* Comparison pages: both the buying-guide and head-to-head renderers. */
.comparison-site :is(
  .comparison-breadcrumb,
  .comparison-hero,
  .quick-ledger,
  .guide-reading-layout,
  .comparison-close,
  .guide-related-footer,
  .comparison-hub-hero,
  .comparison-index-hero,
  .comparison-directory,
  .guide-directory,
  .hub-boundary,
  .comparison-matrix-section,
  .comparison-proof,
  .comparison-switching,
  .comparison-faq,
  .comparison-method,
  .comparison-related,
  .comparison-final-cta,
  .comparison-section-nav,
  .comparison-principles
) {
  width: min(1240px, calc(100% - 80px));
}

.comparison-site .method-strip dl {
  width: min(1240px, calc(100% - 80px));
}

.comparison-site :is(
  .verdict-dossier,
  .hub-method-dossier,
  .comparison-brief,
  .comparison-method-dossier,
  .comparison-table-frame,
  .comparison-proof-register,
  .comparison-pilot-terms,
  .methodology-copy
) {
  border-color: var(--picks-line);
  border-radius: 18px;
  background-color: #fff;
  box-shadow: none;
}

.comparison-site :is(.verdict-dossier > header, .comparison-dossier-top, .comparison-receipt-top) {
  color: #dceae4;
  background: var(--picks-panel);
}

.comparison-site :is(.publication-meta, .comparison-section-nav) {
  border-color: var(--picks-line);
  background: var(--picks-soft);
}

.comparison-site .method-strip,
.comparison-site .comparison-receipt {
  color: #eef5f1;
  background: var(--picks-panel);
}

.comparison-site .comparison-receipt {
  border-color: rgba(255, 255, 255, .16);
}

.comparison-site .comparison-receipt h3 {
  color: #fff;
}

.comparison-site .product-dossier.is-selected {
  border-color: var(--picks-line-strong);
  background: var(--picks-mint);
}

/* YouTube audit and report */
body.youtube-audit-site {
  background: var(--picks-canvas);
}

.youtube-audit-site :is(.youtube-audit-hero, .audit-explainer, .report-path, .audit-boundary, .audit-faq, .report-page) {
  width: min(1240px, calc(100% - 80px));
}

.youtube-audit-site :is(.blank-dossier, .report-dossier, .report-summary > div, .report-method, .report-processing, .report-terminal) {
  border-color: var(--picks-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
}

.youtube-audit-site :is(.report-path, .report-aside) {
  color: #f7faf8;
  background: var(--picks-panel);
}

.youtube-audit-site .report-path {
  box-shadow: 50vw 0 0 var(--picks-panel), -50vw 0 0 var(--picks-panel);
}

.youtube-audit-site :is(.report-path, .report-aside) :is(h2, h3, strong) {
  color: #fff;
}

.youtube-audit-site .report-aside .button,
.youtube-audit-site .report-aside .button.primary {
  color: var(--picks-panel);
  border-color: #fff;
  background: #fff;
  box-shadow: none;
}

.youtube-audit-site .report-aside .button:hover,
.youtube-audit-site .report-aside .button.primary:hover {
  color: var(--picks-panel);
  background: var(--picks-mint);
  transform: translateY(-1px);
}

.youtube-audit-site .blank-dossier::after {
  border-color: var(--picks-orange);
}

.youtube-audit-site :is(.dossier-title-row h2, .report-identity h1, .report-aside h2, .report-terminal h2, .report-processing h2) {
  font-family: "Plus Jakarta Sans", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 800;
}

.youtube-audit-site :is(.dossier-state, .report-status) {
  color: var(--picks-panel);
  background: var(--picks-mint);
}

/* Pricing */
body.pricing-site {
  --pricing-ink: var(--picks-ink);
  --pricing-copy: var(--picks-copy);
  --pricing-muted: var(--picks-muted);
  --pricing-green: var(--picks-panel);
  --pricing-green-dark: var(--picks-ink-raised);
  --pricing-mint: var(--picks-mint);
  --pricing-line: var(--picks-line);
  color: var(--picks-ink);
  background: var(--picks-canvas);
  font-family: "Plus Jakarta Sans", "Helvetica Neue", Helvetica, sans-serif;
}

.pricing-site .pricing-v2-main {
  width: min(1240px, calc(100% - 80px));
  margin: 0 auto;
  padding: 96px 0 0;
  background: transparent;
}

.pricing-site .pricing-v2-hero > p:first-child {
  color: var(--picks-orange);
}

.pricing-site .pricing-v2-card {
  min-height: 500px;
  padding: 38px;
  border-color: var(--picks-line);
  border-radius: 18px;
  background: #fff;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.pricing-site .pricing-v2-card:hover {
  border-color: var(--picks-ink);
  box-shadow: var(--picks-shadow);
  transform: translateY(-2px);
}

.pricing-site .pricing-v2-card.pricing-v2-protection {
  border-color: var(--picks-panel);
  box-shadow: 0 24px 64px -42px rgba(20, 57, 44, .48);
}

.pricing-site .pricing-popular {
  background: var(--picks-panel);
}

.pricing-site .pricing-v2-covenant {
  border-color: transparent;
  border-radius: 18px;
  color: #dceae4;
  background: var(--picks-panel);
}

.pricing-site .pricing-v2-covenant h2 {
  color: #fff;
}

.pricing-site .pricing-v2-covenant p {
  color: #dceae4;
}

.pricing-site .pricing-v2-policy {
  border-color: var(--picks-line);
  border-radius: 18px;
  background: #fff;
}

/* Research atlas and evidence ledgers */
.research-site :is(
  .research-hero,
  .research-atlas,
  .research-pipeline,
  .research-use-section,
  .research-directory-hero,
  .research-directory-browser,
  .research-directory-note,
  .research-detail-hero,
  .research-provenance,
  .research-evidence-section,
  .research-creator-insights,
  .research-workspace-handoff,
  .research-reading-note,
  .research-adjacent,
  .research-related,
  .research-method-hero,
  .research-method-layout,
  .research-empty
) {
  width: min(1240px, calc(100% - 80px));
}

.research-site .research-summary-ledger {
  padding: 8px 24px;
  border: 1px solid var(--picks-line);
}

.research-site .research-evidence-section {
  padding: 34px 30px 42px;
  border: 1px solid var(--picks-line);
}

.research-site :is(
  .research-hero-index,
  .research-atlas-panel,
  .research-provenance,
  .research-directory-controls,
  .research-directory-ledger,
  .research-summary-ledger,
  .research-evidence-section,
  .research-insight-ledger,
  .research-method-nav
) {
  border-color: var(--picks-line);
  border-radius: 18px;
  background-color: #fff;
  box-shadow: none;
}

.research-site .research-atlas-panel {
  border: 1px solid var(--picks-line);
  background: var(--picks-soft);
}

.research-site .research-directory-note {
  border: 1px solid var(--picks-line-strong);
  background: var(--picks-mint);
}

.research-site :is(.research-provenance, .research-directory-ledger, .research-insight-ledger) {
  padding-right: 22px;
  padding-left: 22px;
  border: 1px solid var(--picks-line);
}

.research-site .research-preview-handoff {
  width: 100%;
  border: 1px solid var(--picks-line-strong);
  background: var(--picks-mint);
}

.research-site :is(.research-atlas-row, .research-directory-row, .research-evidence-row, .research-related a) {
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.research-site :is(.research-atlas-row, .research-directory-row, .research-related a):hover {
  border-color: var(--picks-ink);
  box-shadow: var(--picks-shadow);
  transform: translateY(-2px);
}

.research-site :is(.research-atlas-spine, .research-corpus-band) {
  color: #f7faf8;
  background: var(--picks-panel);
}

.research-site .research-corpus-band :is(h2, h3, strong) {
  color: #fff;
}

.research-site .research-atlas-spine strong {
  color: var(--picks-panel);
}

.research-site > .site-footer {
  margin-top: 0;
}

/* Shared footer */
.tools-site:not(.home-site) > .site-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  min-height: 320px;
  margin: 96px 0 0;
  padding: 64px max(40px, calc((100vw - 1240px) / 2)) 46px;
  grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr);
  align-content: start;
  border: 0;
  color: #c5d3ce;
  background: var(--picks-panel);
  font-size: 13px;
}

.tools-site:not(.home-site) .site-footer .public-wordmark {
  color: #fff;
}

.tools-site:not(.home-site) .site-footer .public-wordmark strong {
  color: #fff;
}

.tools-site:not(.home-site) .site-footer .public-footer-brand p {
  max-width: 330px;
  color: #c5d3ce;
  font-size: 15px;
}

.tools-site:not(.home-site) .site-footer .footer-links {
  align-content: start;
  justify-content: flex-end;
  gap: 16px 24px;
}

.tools-site:not(.home-site) .site-footer .footer-links a {
  color: #eef5f1;
  font-weight: 600;
}

.tools-site:not(.home-site) .site-footer .footer-links a:hover {
  color: #fff;
  text-decoration-color: var(--picks-orange);
}

.tools-site:not(.home-site) .site-footer > p {
  position: relative;
  z-index: 1;
  max-width: 920px;
  margin-top: 28px;
  color: #9fb3ac;
  grid-column: 1 / -1;
}

.public-footer-watermark {
  position: absolute;
  right: max(28px, calc((100vw - 1240px) / 2));
  bottom: -45px;
  z-index: -1;
  color: rgba(255, 255, 255, .045);
  font-size: clamp(120px, 18vw, 220px);
  font-weight: 800;
  letter-spacing: -.08em;
  line-height: .8;
  pointer-events: none;
}

/* Legal remains script-free but shares the same visual language. */
body.legal-site {
  --ink: var(--picks-ink);
  --muted: var(--picks-copy);
  --green: var(--picks-panel);
  --mint: var(--picks-mint);
  --paper: #fff;
  --line: var(--picks-line);
  background: var(--picks-canvas);
}

.legal-site > .site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  width: 100%;
  min-height: 70px;
  margin: 0;
  padding: 0 max(40px, calc((100vw - 1240px) / 2));
  border-bottom: 1px solid #e6ebe2;
  background: rgba(246, 248, 244, .9);
  backdrop-filter: blur(12px);
}

.legal-site .brand {
  color: var(--picks-ink);
  text-decoration: none;
}

.legal-site .site-header nav a {
  color: #24413a;
  font-weight: 600;
}

.legal-site .site-header nav a:hover,
.legal-site .site-header nav a[aria-current="page"] {
  color: var(--picks-orange);
}

.legal-site .legal-main {
  width: min(1120px, calc(100% - 80px));
}

.legal-site .skip {
  z-index: 60;
}

.legal-site .legal-layout {
  justify-content: center;
}

.legal-site .legal-hero h1 {
  font-weight: 800;
  letter-spacing: -.05em;
}

.legal-site :is(.toc, .legal-section.featured) {
  border-color: var(--picks-line);
  border-radius: 18px;
  background: #fff;
}

.legal-site .toc {
  top: calc(var(--public-header-height) + 24px);
  padding: 22px;
  border: 1px solid var(--picks-line);
}

.legal-site .legal-section.featured {
  background: var(--picks-mint);
}

.legal-site > .site-footer {
  width: 100%;
  margin: 0;
  padding: 40px max(40px, calc((100vw - 1240px) / 2));
  border: 0;
  color: #c5d3ce;
  background: var(--picks-panel);
}

.legal-site > .site-footer strong,
.legal-site > .site-footer a {
  color: #fff;
}

@media (max-width: 980px) {
  .tools-site:not(.home-site) > .site-header {
    padding-inline: 24px;
  }

  .tools-site:not(.home-site) > .site-footer {
    padding-right: 24px;
    padding-left: 24px;
  }

  .tools-site:not(.home-site) .public-nav-wide {
    display: none;
  }

  .tools-site:not(.home-site) .public-nav-menu {
    display: block;
  }

  .tools-site:not(.home-site) :is(
    .directory-hero,
    .tool-hero,
    .directory-section,
    .process-section,
    .explain-grid,
    .faq-section,
    .related-section,
    .result-wrap,
    .corridor-facts,
    .final-cta,
    .guide-article,
    .guides-directory-hero,
    .guides-directory-trust,
    .guide-library,
    .guide-directory-close,
    .comparison-breadcrumb,
    .comparison-hero,
    .quick-ledger,
    .guide-reading-layout,
    .comparison-close,
    .guide-related-footer,
    .comparison-hub-hero,
    .comparison-index-hero,
    .comparison-directory,
    .guide-directory,
    .hub-boundary,
    .comparison-matrix-section,
    .comparison-proof,
    .comparison-switching,
    .comparison-faq,
    .comparison-method,
    .comparison-related,
    .comparison-final-cta,
    .comparison-section-nav,
    .comparison-principles,
    .youtube-audit-hero,
    .audit-explainer,
    .report-path,
    .audit-boundary,
    .audit-faq,
    .report-page,
    .pricing-v2-main,
    .research-hero,
    .research-atlas,
    .research-pipeline,
    .research-use-section,
    .research-directory-hero,
    .research-directory-browser,
    .research-directory-note,
    .research-detail-hero,
    .research-provenance,
    .research-evidence-section,
    .research-creator-insights,
    .research-workspace-handoff,
    .research-reading-note,
    .research-adjacent,
    .research-related,
    .research-method-hero,
    .research-method-layout,
    .research-empty
  ) {
    width: min(100% - 48px, 1240px);
  }

  .comparison-site .method-strip dl {
    width: min(100% - 48px, 1240px);
  }
}

@media (max-width: 900px) {
  .pricing-site .pricing-v2-card {
    min-height: 0;
  }

  .comparison-site .comparison-table-wrap table {
    min-width: 780px;
  }
}

@media (max-width: 700px) {
  body.tools-site:not(.home-site),
  body.legal-site {
    --public-header-height: 62px;
  }

  .tools-site:not(.home-site) > .site-header {
    min-height: 62px;
    padding-inline: 18px;
  }

  .public-wordmark strong {
    font-size: 26px;
  }

  .public-wordmark small {
    font-size: 13px;
  }

  .tools-site:not(.home-site) :is(
    .directory-hero,
    .tool-hero,
    .directory-section,
    .process-section,
    .explain-grid,
    .faq-section,
    .related-section,
    .result-wrap,
    .corridor-facts,
    .final-cta,
    .guide-article,
    .guides-directory-hero,
    .guides-directory-trust,
    .guide-library,
    .guide-directory-close,
    .comparison-breadcrumb,
    .comparison-hero,
    .quick-ledger,
    .guide-reading-layout,
    .comparison-close,
    .guide-related-footer,
    .comparison-hub-hero,
    .comparison-index-hero,
    .comparison-directory,
    .guide-directory,
    .hub-boundary,
    .comparison-matrix-section,
    .comparison-proof,
    .comparison-switching,
    .comparison-faq,
    .comparison-method,
    .comparison-related,
    .comparison-final-cta,
    .comparison-section-nav,
    .comparison-principles,
    .youtube-audit-hero,
    .audit-explainer,
    .report-path,
    .audit-boundary,
    .audit-faq,
    .report-page,
    .pricing-v2-main,
    .research-hero,
    .research-atlas,
    .research-pipeline,
    .research-use-section,
    .research-directory-hero,
    .research-directory-browser,
    .research-directory-note,
    .research-detail-hero,
    .research-provenance,
    .research-evidence-section,
    .research-creator-insights,
    .research-workspace-handoff,
    .research-reading-note,
    .research-adjacent,
    .research-related,
    .research-method-hero,
    .research-method-layout,
    .research-empty
  ) {
    width: min(100% - 30px, 1240px);
  }

  .comparison-site .method-strip dl {
    width: min(100% - 30px, 1240px);
  }

  .research-site .research-evidence-section {
    padding: 30px 18px;
  }

  .tools-site:not(.home-site) .directory-hero {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .tools-site:not(.home-site) :is(.directory-section, .process-section, .faq-section, .related-section) {
    padding-top: 74px;
    padding-bottom: 74px;
  }

  .pricing-site .pricing-v2-main {
    padding-top: 58px;
  }

  .pricing-site .pricing-v2-card {
    min-height: 0;
    padding: 32px 24px 25px;
  }

  .tools-site:not(.home-site) > .site-footer {
    min-height: 390px;
    padding: 50px 18px 40px;
    grid-template-columns: 1fr;
  }

  .tools-site:not(.home-site) .site-footer .footer-links {
    justify-content: flex-start;
  }

  .legal-site > .site-header {
    padding-inline: 18px;
  }

  .legal-site .legal-main {
    width: min(100% - 30px, 1240px);
  }

  .legal-site > .site-footer {
    padding-inline: 18px;
  }
}

@media (max-width: 420px) {
  .legal-site .toc ol {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tools-site:not(.home-site) *,
  .tools-site:not(.home-site) *::before,
  .tools-site:not(.home-site) *::after,
  .legal-site *,
  .legal-site *::before,
  .legal-site *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}