/* Shared light theme for static guide articles. Loaded after legacy inline CSS. */
:root {
  --rf-ink: #1c1917;
  --rf-muted: #57534e;
  --rf-soft: #78716c;
  --rf-line: #e7e5e4;
  --rf-paper: #ffffff;
  --rf-panel: #fafaf9;
  --rf-green: #059669;
  --rf-green-dark: #047857;
  --rf-green-soft: #ecfdf5;
  --rf-green-line: #a7f3d0;
  --rf-amber-soft: #fffbeb;
  --rf-amber-line: #fde68a;
  --rf-blue-soft: #eff6ff;
  --rf-blue-line: #bfdbfe;
  --rf-red-soft: #fef2f2;
  --rf-red-line: #fecaca;
}

html {
  background: var(--rf-paper) !important;
}

body {
  background: var(--rf-paper) !important;
  color: var(--rf-ink) !important;
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
}

.container {
  max-width: 1080px !important;
}

header {
  height: 70px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom: 1px solid var(--rf-line) !important;
  box-shadow: 0 8px 28px rgba(28, 25, 23, 0.04) !important;
}

.header-content {
  height: 70px !important;
  max-width: 1180px !important;
  padding: 0 24px !important;
}

.logo {
  height: 70px !important;
  margin-left: 0 !important;
  overflow: visible !important;
}

.logo img {
  width: auto !important;
  height: 38px !important;
  max-width: 168px !important;
  object-fit: contain !important;
}

.nav-links {
  gap: 12px !important;
}

.nav-btn {
  color: var(--rf-ink) !important;
  border-radius: 8px !important;
}

.nav-btn:hover {
  color: var(--rf-green) !important;
  background: var(--rf-green-soft) !important;
}

.dropdown-menu {
  background: var(--rf-paper) !important;
  border: 1px solid var(--rf-line) !important;
  box-shadow: 0 18px 50px rgba(28, 25, 23, 0.12) !important;
}

.dropdown-menu a {
  color: var(--rf-muted) !important;
}

.dropdown-menu a:hover {
  color: var(--rf-green) !important;
  background: var(--rf-green-soft) !important;
}

.mobile-menu-btn {
  color: var(--rf-ink) !important;
}

.hero {
  padding: 72px 0 56px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fafaf9 100%) !important;
  border-bottom: 1px solid var(--rf-line) !important;
}

h1 {
  color: var(--rf-ink) !important;
  font-size: clamp(36px, 5vw, 58px) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

h2 {
  color: var(--rf-ink) !important;
  letter-spacing: 0 !important;
}

h3,
h4,
.faq-q,
.splits-title,
.footer-col h4,
.related-card h3,
.result-value,
.content-card h3 {
  color: var(--rf-ink) !important;
}

p,
ul,
ol,
li,
.subtitle,
.faq-a,
.result-label,
.result-unit,
.content-card p,
.content-card ul,
.related-card p,
.footer-bottom p {
  color: var(--rf-muted) !important;
}

strong {
  color: var(--rf-ink) !important;
}

a {
  color: var(--rf-green) !important;
}

.content,
.content-section,
.related-articles,
.faq {
  background: var(--rf-paper) !important;
}

.card,
.content-card,
.calc-section,
.faq-item,
.related-card,
.result-card,
.interpretation-card,
.bmi-gauge,
main article > section,
article section {
  background: var(--rf-paper) !important;
  border: 1px solid var(--rf-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 34px rgba(28, 25, 23, 0.04) !important;
}

.card,
.content-card,
.calc-section,
.faq-item {
  padding: 32px !important;
}

.card h2,
.content-card h2,
.calc-section h2,
main article h2 {
  color: var(--rf-green) !important;
}

.stats,
.results-grid,
.related-grid,
.content-grid,
.footer-grid {
  gap: 20px !important;
}

.stat-box,
.result-card.highlight {
  background: var(--rf-green-soft) !important;
  border: 1px solid var(--rf-green-line) !important;
  color: var(--rf-ink) !important;
}

.stat-box strong,
.result-card.highlight .result-value {
  color: var(--rf-green-dark) !important;
}

.tip-box {
  background: var(--rf-green-soft) !important;
  border: 1px solid var(--rf-green-line) !important;
  color: var(--rf-ink) !important;
}

.warning-box {
  background: var(--rf-amber-soft) !important;
  border: 1px solid var(--rf-amber-line) !important;
  color: var(--rf-ink) !important;
}

.tip-box *,
.warning-box * {
  color: var(--rf-ink) !important;
}

.cta-primary,
.calc-btn,
.cta-secondary,
a.cta-primary,
a.cta-secondary,
button.cta-primary {
  background: var(--rf-green) !important;
  color: #ffffff !important;
  border: 1px solid var(--rf-green) !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 24px rgba(5, 150, 105, 0.18) !important;
}

.cta-primary:hover,
.calc-btn:hover,
.cta-secondary:hover {
  background: var(--rf-green-dark) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.cta-final,
.card[style*="linear-gradient"] {
  background: var(--rf-green-soft) !important;
  border: 1px solid var(--rf-green-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.cta-final h2,
.cta-final p,
.card[style*="linear-gradient"] h2,
.card[style*="linear-gradient"] p {
  color: var(--rf-ink) !important;
}

.calc-tabs {
  background: #f5f5f4 !important;
  border: 1px solid var(--rf-line) !important;
}

.calc-tab {
  color: var(--rf-muted) !important;
}

.calc-tab.active,
.preset-btn.active,
.preset-btn:hover {
  background: var(--rf-green) !important;
  border-color: var(--rf-green) !important;
  color: #ffffff !important;
}

.calc-tab:hover:not(.active) {
  background: var(--rf-paper) !important;
  color: var(--rf-ink) !important;
}

.calc-field label {
  color: var(--rf-soft) !important;
}

.calc-field input,
.calc-field select,
.preset-btn {
  background: var(--rf-paper) !important;
  border: 1px solid #d6d3d1 !important;
  color: var(--rf-ink) !important;
  border-radius: 8px !important;
}

.calc-field input:focus,
.calc-field select:focus {
  border-color: var(--rf-green) !important;
  box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.12) !important;
}

table {
  background: var(--rf-paper) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--rf-line) !important;
  border-radius: 8px !important;
}

th {
  background: var(--rf-green-soft) !important;
  color: var(--rf-green-dark) !important;
  border-color: var(--rf-line) !important;
}

td,
#splits-container td,
.zone-table td {
  color: var(--rf-muted) !important;
  border-color: var(--rf-line) !important;
}

tr:nth-child(even) {
  background: #fafaf9 !important;
}

tr:hover,
#splits-container tr:hover {
  background: var(--rf-green-soft) !important;
}

.highlight-row td {
  background: var(--rf-green-soft) !important;
  color: var(--rf-green-dark) !important;
}

footer {
  background: #fafaf9 !important;
  border-top: 1px solid var(--rf-line) !important;
}

.footer-col a,
.footer-legal a {
  color: var(--rf-muted) !important;
}

.footer-col a:hover,
.footer-legal a:hover,
footer a:hover {
  color: var(--rf-green) !important;
}

.footer-bottom {
  border-top: 1px solid var(--rf-line) !important;
}

.related-card:hover {
  border-color: var(--rf-green-line) !important;
  box-shadow: 0 18px 46px rgba(28, 25, 23, 0.08) !important;
}

.related-arrow {
  color: var(--rf-green) !important;
}

.formula-box,
.seance-card,
.zone-card,
.method-card,
.week-card,
.info-box,
.training-paces,
.pace-card,
.plan-card,
.level-card,
.example-card,
.schedule-card,
.injury-card,
.nutrition-card,
.winter-card {
  background: #fafaf9 !important;
  border: 1px solid var(--rf-line) !important;
  border-left: 3px solid var(--rf-green) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: var(--rf-ink) !important;
}

.formula-box,
.seance-card,
.zone-card,
.method-card,
.week-card,
.info-box,
.training-paces,
.pace-card,
.plan-card,
.level-card,
.example-card,
.schedule-card,
.injury-card,
.nutrition-card,
.winter-card {
  padding: 22px !important;
  margin: 18px 0 !important;
}

.formula-box code {
  display: inline-block !important;
  margin: 8px 0 !important;
  color: var(--rf-green-dark) !important;
  background: var(--rf-green-soft) !important;
  border: 1px solid var(--rf-green-line) !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
}

.formula-box small,
.seance-card p,
.zone-card p,
.method-card p,
.week-card p,
.info-box p,
.training-paces p {
  color: var(--rf-muted) !important;
}

.seance-card h3,
.zone-card strong,
.method-card h3,
.week-title,
.formula-box strong {
  color: var(--rf-ink) !important;
}

.zone-card {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.zone-card[style*="border"] {
  border-color: var(--rf-green-line) !important;
  background: var(--rf-green-soft) !important;
}

.zone-indicator,
.method-number,
.week-number,
.niveau {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

.zone-indicator,
.method-number,
.week-number {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
}

.niveau {
  min-height: 26px !important;
  padding: 0 12px !important;
  margin-bottom: 12px !important;
  background: var(--rf-green) !important;
  color: #ffffff !important;
}

.niveau.intermediaire {
  background: #2563eb !important;
}

.niveau.avance {
  background: #ea580c !important;
}

.week-header {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.week-number {
  background: var(--rf-green) !important;
}

.week-title {
  font-weight: 800 !important;
}

.week-subtitle {
  color: var(--rf-muted) !important;
}

[style*="background: #0a0a0a"],
[style*="background:#0a0a0a"],
[style*="background: #111827"],
[style*="background:#111827"],
[style*="background: #171717"],
[style*="background:#171717"],
[style*="background: #1a1a1a"],
[style*="background:#1a1a1a"],
[style*="background: #262626"],
[style*="background:#262626"],
[style*="background: #333"],
[style*="background:#333"],
[style*="background: #404040"],
[style*="background:#404040"] {
  background: #fafaf9 !important;
  border-color: var(--rf-line) !important;
  color: var(--rf-ink) !important;
}

[style*="color: #fff"],
[style*="color:#fff"],
[style*="color: #e5e5e5"],
[style*="color:#e5e5e5"],
[style*="color: #a3a3a3"],
[style*="color:#a3a3a3"] {
  color: var(--rf-ink) !important;
}

.cta-primary,
.calc-btn,
.cta-secondary,
a.cta-primary,
a.cta-secondary,
button.cta-primary {
  background: var(--rf-green) !important;
  color: #ffffff !important;
  border-color: var(--rf-green) !important;
}

.zone-indicator[style*="background: #22c55e"],
.zone-indicator[style*="background: #10b981"],
.zone-indicator[style*="background: #f59e0b"] {
  color: var(--rf-ink) !important;
}

.zone-indicator[style*="background: #3b82f6"],
.zone-indicator[style*="background: #ef4444"] {
  color: #ffffff !important;
}

main {
  background: var(--rf-paper) !important;
}

main article {
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 48px 20px !important;
}

main article > h1 {
  margin-bottom: 18px !important;
}

main article > p {
  font-size: 18px !important;
}

main article .cta,
section.cta {
  margin-top: 36px !important;
  padding: 30px !important;
  background: var(--rf-green-soft) !important;
  border: 1px solid var(--rf-green-line) !important;
  border-radius: 8px !important;
  text-align: center !important;
}

main article .cta a,
section.cta a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  margin-top: 10px !important;
  padding: 0 18px !important;
  background: var(--rf-green) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  header,
  .header-content,
  .logo {
    height: 64px !important;
  }

  .logo img {
    height: 32px !important;
  }

  .nav-links {
    background: var(--rf-paper) !important;
    border-bottom: 1px solid var(--rf-line) !important;
    box-shadow: 0 18px 40px rgba(28, 25, 23, 0.1) !important;
  }

  .dropdown-menu {
    background: #fafaf9 !important;
    box-shadow: none !important;
  }

  .hero {
    padding: 46px 0 38px !important;
  }

  .card,
  .content-card,
  .calc-section,
  .faq-item {
    padding: 22px !important;
  }

  .footer-grid {
    grid-template-columns: 1fr !important;
  }
}