/* Comparison and guide pages built by tools/build_discovery.py. Tokens come from landing_page.css. */
.dc-main { width: min(1100px, 100% - 40px); margin: 0 auto; padding: 72px 0 96px; }
.discovery-content > h1, .discovery-content > p, .discovery-content > section, .discovery-content > ol, .discovery-content > nav { max-width: 720px; }
.discovery-content h1 { margin: 0 0 20px; font: 400 clamp(34px, 5vw, 52px)/1.12 var(--display); letter-spacing: -0.01em; }
.discovery-content h2 { margin: 56px 0 16px; font: 400 26px/1.25 var(--display); }
.discovery-content h3 { margin: 0 0 6px; font: 600 18px/1.4 var(--body); }
.discovery-content p, .discovery-content li { color: var(--ink-dim); }
.discovery-content > p:first-of-type { color: var(--ink); font-size: 19px; }
.discovery-content a { color: var(--sky); text-underline-offset: 3px; }
.discovery-content time { color: var(--ink); }
.discovery-content strong { color: var(--ink); }
.discovery-content ul, .discovery-content ol { padding-left: 1.2em; }
.discovery-content li { margin: 6px 0; }
.discovery-disclosure { padding: 14px 18px; border: 1px solid var(--line); border-radius: 10px; background: var(--cabin); font-size: 15px; }
.discovery-comparison { margin: 32px 0 8px; }
.discovery-comparison table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.discovery-comparison caption { padding-bottom: 12px; text-align: left; color: var(--ink-faint); font-size: 13px; }
.discovery-comparison th, .discovery-comparison td { padding: 14px 16px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.discovery-comparison thead th { color: var(--ink-faint); font: 400 12px/1.3 var(--pass); letter-spacing: 0.06em; text-transform: uppercase; }
.discovery-comparison tbody th { width: 16%; font-weight: 600; }
.discovery-comparison tbody th a { color: var(--ink); }
.discovery-comparison td { color: var(--ink-dim); }
.discovery-comparison td[data-evidence="unknown"] { color: var(--ink-faint); font-style: italic; }
.discovery-comparison td a { font-size: 12px; }
.discovery-content details { border-bottom: 1px solid var(--line); }
.discovery-content summary { padding: 16px 32px 16px 0; cursor: pointer; color: var(--ink); font-weight: 600; }
.discovery-content details p { margin: 0 0 18px; }
.discovery-content nav[aria-label="Related pages"] { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--line); }
@media (max-width: 760px) {
  .dc-main { width: min(100% - 32px, 1100px); padding: 44px 0 72px; }
  .discovery-comparison table, .discovery-comparison tbody, .discovery-comparison tr, .discovery-comparison th, .discovery-comparison td { display: block; width: auto; }
  .discovery-comparison thead { display: none; }
  .discovery-comparison caption { display: block; }
  .discovery-comparison tr { margin-bottom: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--cabin); }
  .discovery-comparison tbody th { width: auto; padding: 14px 16px; font-size: 17px; }
  .discovery-comparison td { padding: 10px 16px 12px; }
  .discovery-comparison td::before { content: attr(data-label); display: block; margin-bottom: 2px; color: var(--ink-faint); font: 400 11px/1.3 var(--pass); letter-spacing: 0.06em; text-transform: uppercase; }
  .discovery-comparison tr > :last-child { border-bottom: 0; }
}