.productivity-page .seo-title { max-width: 15ch; }
.productivity-page .seo-hero__inner { align-items: start; }
.productivity-page .seo-rail { margin-top: 2rem; }
.productivity-hero-note, .productivity-compatibility, .productivity-footnote {
  max-width: 62ch;
  color: var(--seo-muted);
  line-height: 1.65;
}
.productivity-hero-note { margin: 1rem 0 0; font-size: 1rem; }
.productivity-compatibility { margin: 0.75rem 0 0; font-size: 0.875rem; }
.productivity-prose { max-width: 780px; }
.productivity-prose h2 {
  margin: 0 0 1.25rem;
  color: var(--seo-ink);
  font-size: clamp(2rem, 3vw, 2.35rem);
  line-height: 1.16;
  font-weight: 560;
  text-wrap: balance;
}
.productivity-prose p { margin: 0 0 1rem; max-width: 72ch; color: var(--seo-muted); line-height: 1.7; font-size: 1.0625rem; }
.productivity-prose p:last-child { margin-bottom: 0; }
.productivity-prose a, .productivity-page .seo-card a, .productivity-page .seo-mini-cta p a, .productivity-page .seo-faq a {
  color: #465126;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.productivity-page .seo-table-wrap { margin-top: 1.5rem; }
.productivity-footnote { margin: 1rem 0 0; font-size: 0.9375rem; }
.productivity-cta-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
.productivity-cta-actions > a:last-child { color: #465126; text-decoration: underline; text-underline-offset: 3px; }
.productivity-page :is(a, summary, .seo-table-wrap):focus-visible { outline: 3px solid #637d39; outline-offset: 3px; }
@media (max-width: 900px) {
  .productivity-page .seo-rail { margin-top: 0; }
}
@media (max-width: 600px) {
  .productivity-page .seo-title { max-width: none; }
  .productivity-page .seo-grid--two { grid-template-columns: 1fr; }
}