/* The Jobs reading pilot reuses the accepted Concept C palette and components. */
.jobs-reading-page .main-nav a {
  display: inline-flex; align-items: center; min-height: 48px; padding: 12px 16px;
  border-radius: 8px; font-weight: 600; text-decoration: none;
}
.jobs-reading-page .main-nav a[aria-current] { background: var(--surface-blue); }
.jobs-reading-page .main-nav { display: flex; flex-wrap: wrap; }
.jobs-reading-page .breadcrumbs { margin: 0 0 24px; }
.jobs-reading-page h1 { overflow-wrap: anywhere; }
.jobs-reading-page .seo-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.jobs-reading-page .seo-cards a { min-height: 48px; display: inline-flex; align-items: center; }
.jobs-reading-page .seo-field { margin: 24px 0; }
.jobs-reading-page .seo-field h3 { margin: 0 0 12px; }
.jobs-reading-page .source-excerpt, .jobs-reading-page blockquote { white-space: pre-wrap; overflow-wrap: anywhere; }
.jobs-reading-page pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 500px; overflow: auto; }
.jobs-reading-page .seo-explainer { max-width: 80ch; }
.jobs-reading-page .seo-explainer h2 { margin-top: 32px; font-size: 28px; }
.jobs-reading-page .seo-guide-links a { display: inline-flex; align-items: center; min-height: 48px; }
.jobs-reading-page details > :not(summary) { margin: 16px; }
@media (max-width: 760px) {
  .jobs-reading-page .seo-cards { grid-template-columns: 1fr; }
  .jobs-reading-page .main-nav a { flex: 1 1 40%; }
  .jobs-reading-page h1 { font-size: 28px; }
}