/* Scoped to eleven pilot pages. Existing input, navigation and result rules stay intact. */
.astro-seo-page .astro-seo-guide {
  margin-block: 32px;
  padding: clamp(18px, 3vw, 32px);
  border: 1px solid var(--m3-outline, #62515f);
  border-radius: 20px;
  background: var(--m3-surface-container, #211d27);
  min-width: 0;
}
.astro-seo-page .astro-seo-guide h2 { margin-top: 0; }
.astro-seo-page .astro-seo-guide p,
.astro-seo-page .astro-seo-guide li { line-height: 1.65; }
.astro-seo-page .astro-seo-guide li + li { margin-top: 12px; }
.astro-seo-page .astro-seo-guide a:not(.compatibility-button) { text-decoration: underline; text-underline-offset: 3px; }
.astro-seo-page .astro-seo-table { overflow-x: auto; margin-block: 20px; }
.astro-seo-page .astro-seo-table table { width: 100%; border-collapse: collapse; text-align: left; font-size: .94rem; line-height: 1.5; }
.astro-seo-page .astro-seo-table th,
.astro-seo-page .astro-seo-table td { padding: 12px; vertical-align: top; border-bottom: 1px solid var(--m3-outline, #62515f); }
.astro-seo-page .astro-seo-table th { width: 34%; font-weight: 600; }
.astro-seo-page .astro-seo-example { border-inline-start: 3px solid var(--m3-primary, #edb0bd); padding-inline-start: 16px; }
.astro-seo-page .astro-seo-result-limit,
.astro-seo-page .astro-seo-editorial { color: var(--m3-text-soft, #c8becb); font-size: .9rem; line-height: 1.6; }
.astro-seo-page .astro-seo-editorial { border-top: 1px solid var(--m3-outline, #62515f); margin-top: 32px; padding-top: 20px; }
.astro-seo-page .astro-tool-score { display: flex; align-items: flex-start; flex-direction: column; gap: 6px; }
.astro-seo-page .astro-tool-score strong { font-size: clamp(1.25rem, 3vw, 1.8rem); line-height: 1.3; }
.astro-seo-page .astro-tool-shell { scroll-margin-top: 100px; }
.astro-seo-page.astro-tools-page .compatibility-hero__copy > .compatibility-button { margin-block: 12px; }
/* Global hub styles use !important: override only calculator hero geometry. */
.astro-seo-page.astro-tools-page .compatibility-hero.unified-hub-hero {
  min-height: 0 !important;
  padding: 28px !important;
  gap: 24px !important;
}
.astro-seo-page.astro-tools-page .compatibility-hero.unified-hub-hero h1 {
  max-width: 24ch !important;
  font-size: clamp(2rem, 3vw, 2.7rem) !important;
  line-height: 1.12 !important;
}
@media (max-width: 620px) {
  .astro-seo-page.astro-tools-page .compatibility-hero.unified-hub-hero { padding: 20px 16px !important; gap: 12px !important; }
  .astro-seo-page.astro-tools-page .compatibility-hero.unified-hub-hero h1 { max-width: none !important; font-size: clamp(1.65rem, 7vw, 2.1rem) !important; line-height: 1.15 !important; }
  .astro-seo-page.astro-tools-page .compatibility-hero.unified-hub-hero .lead { font-size: 1rem !important; line-height: 1.5 !important; }
  .astro-seo-page.astro-tools-page .compatibility-hero.unified-hub-hero .compatibility-hero__art { display: none !important; }
  .astro-seo-page.astro-tools-page .astro-trust-line { display: flex; gap: 6px 12px; font-size: .75rem; margin-top: 4px; padding-top: 10px; }
  .astro-seo-page .astro-seo-guide { padding: 18px 14px; border-radius: 16px; }
  .astro-seo-page .astro-seo-table th,
  .astro-seo-page .astro-seo-table td { padding: 10px 6px; overflow-wrap: anywhere; }
  .astro-seo-page .astro-seo-guide .compatibility-button { white-space: normal; text-align: center; }
}