/* Scoped repairs for the existing guide, stack and changelog templates. */
html.ft-legacy-accessible {
  --text-muted: #666;
  --accent: #0b706a;
  --accent-hover: #065b56;
  --accent-ink: #fff;
  --legacy-beginner: #176b4f;
  --legacy-intermediate: #865512;
  --legacy-advanced: #b33535;
  --card: var(--bg-card);
  --ink: var(--text);
  --green: var(--accent);
  --line: var(--border);
  --line-strong: var(--border-strong);
}
html.ft-legacy-accessible[data-theme="dark"] {
  color-scheme: dark;
  --bg: #15231e;
  --bg-alt: #1c2d25;
  --bg-card: #20332a;
  --text: #f2f5ef;
  --text-secondary: #d1ddd4;
  --text-muted: #b3c4b9;
  --accent: #88dfc4;
  --accent-hover: #acebd8;
  --accent-subtle: rgba(136, 223, 196, .1);
  --accent-ink: #142b23;
  --border: rgba(218, 237, 225, .16);
  --border-strong: rgba(218, 237, 225, .3);
  --legacy-beginner: #92dfba;
  --legacy-intermediate: #f0c779;
  --legacy-advanced: #f5b1ad;
}
.ft-legacy-accessible[data-theme="dark"] header,
.ft-legacy-accessible[data-theme="dark"] header.scrolled {
  background: rgba(21, 35, 30, .96);
}
.ft-legacy-accessible .legacy-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  min-height: 44px;
  padding: 10px;
  border: 1px solid var(--border-strong);
  border-radius: 50%;
  background: var(--bg-card);
  color: var(--text);
  cursor: pointer;
}
.ft-legacy-accessible .legacy-theme-toggle svg { width: 20px; height: 20px; }
.ft-legacy-accessible :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.ft-legacy-accessible .btn-primary,
.ft-legacy-accessible .nav-cta,
.ft-legacy-accessible .footer-newsletter-form button,
.ft-legacy-accessible .newsletter-cta-form button,
.ft-legacy-accessible .cta-btn,
.ft-legacy-accessible .guide-cta > a,
.ft-legacy-accessible .hub-cta-links a:first-child,
.ft-legacy-accessible .step-number,
.ft-legacy-accessible .done-card,
.ft-legacy-accessible .done-card h2,
.ft-legacy-accessible .done-card p,
.ft-legacy-accessible .hub-filter-btn.active,
.ft-legacy-accessible .badge-pick,
.ft-legacy-accessible .cookie-banner .cookie-btn-accept { color: var(--accent-ink) !important; }
.ft-legacy-accessible .hub-diff[style*="#10b981" i],
.ft-legacy-accessible .guide-difficulty[style*="#10b981" i],
.ft-legacy-accessible .related-guide-meta span[style*="#10b981" i],
.ft-legacy-accessible .callout-best strong { color: var(--legacy-beginner) !important; }
.ft-legacy-accessible .hub-diff[style*="#f59e0b" i],
.ft-legacy-accessible .guide-difficulty[style*="#f59e0b" i],
.ft-legacy-accessible .related-guide-meta span[style*="#f59e0b" i] { color: var(--legacy-intermediate) !important; }
.ft-legacy-accessible .hub-diff[style*="#ef4444" i],
.ft-legacy-accessible .guide-difficulty[style*="#ef4444" i],
.ft-legacy-accessible .related-guide-meta span[style*="#ef4444" i],
.ft-legacy-accessible .callout-avoid strong { color: var(--legacy-advanced) !important; }
.ft-legacy-accessible .profile-avatar[style*="#3B82F6" i],
.ft-legacy-accessible .related-avatar[style*="#3B82F6" i] { background: #1d4ed8 !important; }
.ft-legacy-accessible .profile-avatar[style*="#0D9488" i],
.ft-legacy-accessible .related-avatar[style*="#0D9488" i],
.ft-legacy-accessible .profile-avatar[style*="#10B981" i],
.ft-legacy-accessible .related-avatar[style*="#10B981" i] { background: #0b706a !important; }
.ft-legacy-accessible .profile-avatar[style*="#8B5CF6" i],
.ft-legacy-accessible .related-avatar[style*="#8B5CF6" i] { background: #6d28d9 !important; }
.ft-legacy-accessible .profile-avatar[style*="#F59E0B" i],
.ft-legacy-accessible .related-avatar[style*="#F59E0B" i] { background: #92400e !important; }
.ft-legacy-accessible .profile-avatar[style*="#EC4899" i],
.ft-legacy-accessible .related-avatar[style*="#EC4899" i] { background: #be185d !important; }
.ft-legacy-accessible main p a,
.ft-legacy-accessible .guide-breadcrumb a,
.ft-legacy-accessible .breadcrumb a { text-decoration: underline; text-underline-offset: 3px; }
.ft-legacy-accessible .footer-newsletter-form,
.ft-legacy-accessible .footer-newsletter-form input,
.ft-legacy-accessible .guide-content,
.ft-legacy-accessible .code-block { min-width: 0; }
.ft-legacy-accessible .footer-newsletter-form input { min-height: 44px; }
.ft-legacy-accessible .arch-flow,
.ft-legacy-accessible .code-block pre { max-width: 100%; }
.ft-legacy-accessible .step-callout > div { min-width: 0; overflow-wrap: anywhere; }
.ft-legacy-accessible .step-callout code,
.ft-legacy-accessible .step-list code,
.ft-legacy-accessible .step-content p code { overflow-wrap: anywhere; }
.ft-legacy-accessible .tools-grid { grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); }
@media (max-width: 480px) {
  .ft-legacy-accessible .footer-newsletter-form { flex-direction: column; }
  .ft-legacy-accessible .footer-newsletter-form input,
  .ft-legacy-accessible .footer-newsletter-form button { width: 100%; min-height: 44px; }
}
