/**
 * AroundManchester.com - Service Fees Page Stylesheet
 * Page-specific styles for service-fees.html
 * 
 * @charset UTF-8
 * @author AroundManchester.com Development Team
 * @version 1.0
 */

@charset "UTF-8";

/* ===== COMPACT HEADER DESCRIPTION ===== */
.site-header__description {
  line-height: 1.3;
  padding: 4px 12px;
  margin: 4px auto 0;
}

.site-header__description > p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.25;
}

/* ===== SERVICE FEES PAGE ===== */
.fees-page { 
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; 
  background: #e9edf5; 
  max-width: 1000px; 
  margin: 0 auto; 
  padding: 40px 20px; 
}

/* === TABLE OF CONTENTS === */
.fees-toc { 
  background: #fff; 
  border-radius: 16px; 
  padding: 28px; 
  border: 1px solid #e4e9f3; 
  margin: 0 auto 36px; 
  max-width: 900px; 
  box-shadow: 0 10px 30px rgba(26,38,60,0.08); 
}
.fees-toc__title { 
  margin: 0 0 16px; 
  font-size: 1.4rem; 
  color: #1c2440; 
  text-align: center; 
}
.fees-toc__columns { 
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); 
  gap: 12px 24px; 
}
.fees-toc__list { 
  margin: 0; 
  padding: 0; 
  list-style: none; 
}
.fees-toc__item { 
  margin-bottom: 8px; 
}
.fees-toc__link { 
  color: #3a5a95; 
  font-weight: 500; 
  text-decoration: none; 
  font-size: 0.95rem; 
  display: inline-flex; 
  align-items: center; 
  gap: 6px; 
}
.fees-toc__link::before { 
  content: '\203A'; 
  color: #6b7490; 
  font-weight: 700; 
}
.fees-toc__link:hover { 
  text-decoration: underline; 
}

.fees-hero { 
  background: linear-gradient(150deg,#4a6bb5,#3a5a95); 
  color: #fff; 
  padding: 32px 28px; 
  border-radius: 20px; 
  text-align: center; 
  margin: 0 auto 32px; 
  max-width: 880px; 
  box-shadow: 0 15px 35px rgba(30,44,70,0.25); 
}
.fees-hero__text { 
  max-width: 720px; 
  margin: 0 auto; 
  line-height: 1.65; 
}
.fees-hero__eyebrow { 
  text-transform: uppercase; 
  letter-spacing: 0.18em; 
  font-size: 0.8rem; 
  opacity: 1; 
  margin-bottom: 14px; 
  display: inline-flex; 
  align-items: center; 
  gap: 8px; 
  background: rgba(255,255,255,0.15); 
  color: #f7f8fb; 
  padding: 6px 18px; 
  border-radius: 999px; 
  border: 1px solid rgba(255,255,255,0.25); 
}
.fees-hero__eyebrow::before { 
  content: '\272A'; 
  font-size: 0.9rem; 
}

.fees-counter { 
  display: flex; 
  flex-wrap: wrap; 
  align-items: baseline; 
  gap: 12px; 
  justify-content: center; 
  margin-bottom: 24px; 
  color: #1c2440; 
}
.fees-counter__label { 
  font-size: 0.95rem; 
  text-transform: uppercase; 
  letter-spacing: 0.12em; 
  color: #4f586e; 
}
.fees-counter__value { 
  font-size: 1.5rem; 
  font-weight: 700; 
  color: #3a5a95; 
}
.fees-counter__note { 
  font-size: 0.9rem; 
  color: #6b7490; 
}

.fees-keypoints { 
  background: #fff; 
  border-radius: 16px; 
  padding: 28px; 
  border: 1px solid #e4e9f3; 
  margin: 0 auto 36px; 
  max-width: 900px; 
  box-shadow: 0 10px 30px rgba(26,38,60,0.08); 
}
.fees-keypoints__title { 
  margin: 0 0 16px; 
  font-size: 1.4rem; 
  color: #1c2440; 
  text-align: center; 
}
.fees-keypoints__list { 
  margin: 0; 
  padding: 0; 
  list-style: none; 
  display: grid; 
  gap: 14px; 
}
.fees-keypoints__item { 
  background: #f7f8fb; 
  border-radius: 12px; 
  padding: 14px 18px; 
  border: 1px solid #edf0f6; 
  font-size: 0.95rem; 
  color: #2f364d; 
}
.fees-keypoints__link { 
  color: #3a5a95; 
  font-weight: 600; 
  text-decoration: none; 
  display: inline-flex; 
  align-items: center; 
  gap: 8px; 
}
.fees-keypoints__link:focus, 
.fees-keypoints__link:hover { 
  text-decoration: underline; 
}

/* === TIMELINE === */
.fees-timeline { 
  background: #fff; 
  border-radius: 16px; 
  padding: 32px; 
  border: 1px solid #e4e9f3; 
  margin-bottom: 40px; 
}
.fees-timeline__title { 
  font-size: 1.8rem; 
  margin: 0 0 12px; 
  color: #1c2440; 
  text-align: center; 
}
.fees-timeline__lead { 
  margin: 0 auto 28px; 
  color: #4f586e; 
  line-height: 1.6; 
  text-align: center; 
  max-width: 720px; 
}
.fees-timeline__steps { 
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 
  gap: 20px; 
  position: relative; 
}
.fees-timeline__step { 
  background: #f7f8fb; 
  border-radius: 12px; 
  padding: 20px; 
  border: 1px solid #edf0f6; 
  text-align: center; 
  position: relative; 
}
.fees-timeline__step-number { 
  width: 36px; 
  height: 36px; 
  background: #3a5a95; 
  color: #fff; 
  border-radius: 50%; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-weight: 700; 
  font-size: 1rem; 
  margin: 0 auto 12px; 
}
.fees-timeline__step-title { 
  margin: 0 0 8px; 
  font-size: 1rem; 
  color: #1c2440; 
  font-weight: 600; 
}
.fees-timeline__step-desc { 
  margin: 0; 
  color: #4f586e; 
  font-size: 0.9rem; 
  line-height: 1.5; 
}
.fees-timeline__step-time { 
  margin-top: 10px; 
  font-size: 0.85rem; 
  color: #3a5a95; 
  font-weight: 600; 
}

/* === TESTIMONIALS === */
.fees-testimonials { 
  background: #fff; 
  border-radius: 16px; 
  padding: 32px; 
  border: 1px solid #e4e9f3; 
  margin-bottom: 40px; 
}
.fees-testimonials__title { 
  font-size: 1.8rem; 
  margin: 0 0 12px; 
  color: #1c2440; 
  text-align: center; 
}
.fees-testimonials__lead { 
  margin: 0 auto 28px; 
  color: #4f586e; 
  line-height: 1.6; 
  text-align: center; 
  max-width: 720px; 
}
.fees-testimonials__grid { 
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 
  gap: 20px; 
}
.fees-testimonial { 
  background: #f7f8fb; 
  border-radius: 12px; 
  padding: 24px; 
  border: 1px solid #edf0f6; 
}
.fees-testimonial__quote { 
  margin: 0 0 16px; 
  color: #2f364d; 
  font-style: italic; 
  line-height: 1.6; 
  position: relative; 
  padding-left: 20px; 
  border-left: 3px solid #3a5a95; 
}
.fees-testimonial__author { 
  display: flex; 
  align-items: center; 
  gap: 12px; 
}
.fees-testimonial__avatar { 
  width: 48px; 
  height: 48px; 
  background: #e4e9f3; 
  border-radius: 50%; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  color: #6b7490; 
  font-weight: 600; 
  font-size: 1.1rem; 
}
.fees-testimonial__info { 
  flex: 1; 
}
.fees-testimonial__name { 
  margin: 0; 
  font-weight: 600; 
  color: #1c2440; 
  font-size: 0.95rem; 
}
.fees-testimonial__business { 
  margin: 0; 
  color: #6b7490; 
  font-size: 0.85rem; 
}
.fees-testimonials__placeholder { 
  text-align: center; 
  padding: 40px 20px; 
  background: #f7f8fb; 
  border-radius: 12px; 
  border: 2px dashed #e4e9f3; 
}
.fees-testimonials__placeholder-text { 
  color: #6b7490; 
  font-style: italic; 
  margin: 0; 
}

.fees-strategy { 
  background: #fff; 
  border-radius: 16px; 
  padding: 32px; 
  border: 1px solid #e4e9f3; 
  margin-bottom: 40px; 
}
.fees-strategy__title { 
  font-size: 1.8rem; 
  margin: 0 0 10px; 
  color: #1c2440; 
  text-align: center; 
}
.fees-strategy__lead, 
.fees-strategy__note { 
  text-wrap: balance; 
  hyphens: auto; 
  text-align: center; 
}
.fees-strategy__lead { 
  margin: 0 auto 20px; 
  color: #4f586e; 
  line-height: 1.65; 
  max-width: 760px; 
}
.fees-strategy__note { 
  margin: 0 auto 16px; 
  color: #4f586e; 
  font-size: 1rem; 
  line-height: 1.65; 
  max-width: 760px; 
}
.fees-strategy__tiers { 
  display: grid; 
  grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); 
  gap: 20px; 
  margin-bottom: 20px; 
}
.fees-tier { 
  border: 1px solid #edf0f6; 
  border-radius: 12px; 
  padding: 20px; 
  background: #fdfdff; 
}
.fees-tier__title { 
  margin: 0 0 6px; 
  color: #1c2440; 
  font-size: 1.1rem; 
  text-transform: uppercase; 
  letter-spacing: 0.08em; 
}
.fees-tier__price { 
  font-size: 1.6rem; 
  margin: 0 0 6px; 
  color: #3a5a95; 
  font-weight: 700; 
}
.fees-tier__note { 
  margin: 0 0 10px; 
  color: #4f586e; 
  font-size: 0.95rem; 
}
.fees-tier__list { 
  margin: 0; 
  padding-left: 18px; 
  color: #2f364d; 
  line-height: 1.5; 
}
.fees-strategy__disclaimer { 
  margin: 0; 
  color: #4f586e; 
  font-size: 0.95rem; 
}

.fees-inclusions { 
  background: #ffffff; 
  border-radius: 16px; 
  padding: 32px; 
  border: 1px solid #e4e9f3; 
  margin-bottom: 40px; 
}
.fees-inclusions__title { 
  font-size: 1.8rem; 
  margin: 0 0 12px; 
  color: #1c2440; 
}
.fees-inclusions__lead { 
  margin: 0 0 20px; 
  color: #4f586e; 
  line-height: 1.6; 
}
.fees-inclusions__grid { 
  display: grid; 
  grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); 
  gap: 20px; 
}
.fees-inclusion { 
  border: 1px solid #edf0f6; 
  border-radius: 12px; 
  padding: 20px; 
  background: #fefefe; 
}
.fees-inclusion__title { 
  margin: 0 0 10px; 
  font-size: 1.1rem; 
  color: #1c2440; 
}
.fees-inclusion__list { 
  margin: 0; 
  padding-left: 18px; 
  color: #2f364d; 
  line-height: 1.5; 
}

.fees-grid { 
  display: grid; 
  grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); 
  gap: 24px; 
  margin-bottom: 40px; 
}
.fees-card { 
  background: #fff; 
  border-radius: 14px; 
  padding: 28px 24px; 
  box-shadow: 0 20px 60px rgba(26, 38, 60, 0.08); 
  border: 1px solid #edf0f6; 
  position: relative; 
}
.fees-card__badge { 
  position: absolute; 
  top: 16px; 
  right: 16px; 
  font-size: 0.75rem; 
  text-transform: uppercase; 
  letter-spacing: 0.12em; 
  color: #fff; 
  background: #f15c30; 
  padding: 4px 10px; 
  border-radius: 999px; 
}
.fees-card__title { 
  font-size: 1.4rem; 
  margin: 0 0 8px; 
  color: #1c2440; 
}
.fees-card__price { 
  font-size: 2.4rem; 
  font-weight: 700; 
  color: #3a5a95; 
  margin: 0 0 5px; 
}
.fees-card__price span { 
  font-size: 1rem; 
  font-weight: 500; 
  color: #6b7490; 
}
.fees-card__description { 
  color: #4f586e; 
  margin-bottom: 18px; 
  line-height: 1.5; 
}
.fees-card__list { 
  list-style: none; 
  padding: 0; 
  margin: 0; 
}
.fees-card__list li { 
  padding-left: 20px; 
  position: relative; 
  margin-bottom: 10px; 
  color: #2f364d; 
}
.fees-card__list li::before { 
  content: '\2713'; 
  position: absolute; 
  left: 0; 
  color: #28a745; 
  font-size: 1.2rem; 
  line-height: 1; 
}

/* === SIMPLE NOTE BOX === */
.fees-note { 
  background: #ffffff; 
  border-radius: 12px; 
  padding: 24px; 
  border: 1px dashed #cfd6e4; 
  margin-bottom: 40px; 
}
.fees-note__title { 
  font-size: 1.25rem; 
  margin-bottom: 10px; 
  color: #1e2a44; 
}
.fees-note__list { 
  margin: 0; 
  padding-left: 20px; 
  color: #4a4f63; 
  line-height: 1.5; 
}

/* === POLICY SECTIONS === */
.fees-policy {
  background: #ffffff;
  border-radius: 16px;
  padding: 32px;
  border: 1px solid #e4e9f3;
  margin-bottom: 40px;
  box-shadow: 0 4px 12px rgba(26,38,60,0.05);
}

.fees-policy h4 {
  font-size: 1.4rem;
  margin: 0 0 20px;
  color: #1c2440;
  padding-bottom: 12px;
  border-bottom: 2px solid #e4e9f3;
}

.fees-policy h5 {
  font-size: 1.1rem;
  margin: 24px 0 12px;
  color: #3a5a95;
  font-weight: 600;
}

.fees-policy p {
  line-height: 1.7;
  margin-bottom: 15px;
  color: #2f364d;
}

.fees-policy ul {
  margin: 0 0 15px;
  padding-left: 20px;
  color: #2f364d;
  line-height: 1.6;
}

.fees-policy li {
  margin-bottom: 8px;
}

.fees-policy a {
  color: #3a5a95;
  font-weight: 600;
  text-decoration: none;
}

.fees-policy a:hover {
  text-decoration: underline;
}

.fees-policy strong {
  color: #1c2440;
  font-weight: 600;
}

/* === ADD-ONS === */
.fees-addons { 
  display: grid; 
  grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); 
  gap: 20px; 
  margin-bottom: 40px; 
}
.fees-addon { 
  background: #fff; 
  border-radius: 12px; 
  padding: 24px; 
  border: 1px solid #e4e9f3; 
}
.fees-addon__title { 
  margin: 0 0 6px; 
  color: #1c2440; 
  font-size: 1.1rem; 
}
.fees-addon__price { 
  font-weight: 700; 
  color: #3a5a95; 
  margin-bottom: 8px; 
}

.fees-cta { 
  text-align: center; 
  padding: 40px 20px; 
  background: #fff; 
  border-radius: 16px; 
  border: 1px solid #e4e9f3; 
}
.fees-cta__title { 
  font-size: 1.8rem; 
  margin: 0 0 10px; 
}
.fees-cta__text { 
  margin: 0 auto 20px; 
  color: #4a4f63; 
  max-width: 640px; 
  line-height: 1.6; 
  text-wrap: balance; 
}

/* === COMPARISON TABLE === */
.fees-comparison { 
  background: #fff; 
  border-radius: 16px; 
  padding: 32px; 
  border: 1px solid #e4e9f3; 
  margin-bottom: 40px; 
  overflow-x: auto; 
}
.fees-comparison__title { 
  font-size: 1.8rem; 
  margin: 0 0 12px; 
  color: #1c2440; 
  text-align: center; 
}
.fees-comparison__lead { 
  margin: 0 auto 24px; 
  color: #4f586e; 
  line-height: 1.6; 
  text-align: center; 
  max-width: 720px; 
}
.fees-comparison__table { 
  width: 100%; 
  border-collapse: collapse; 
  font-size: 0.95rem; 
  table-layout: fixed; 
}
.fees-comparison__table th, 
.fees-comparison__table td { 
  padding: 14px 16px; 
  text-align: left; 
  border-bottom: 1px solid #edf0f6; 
}
.fees-comparison__table th:first-child, 
.fees-comparison__table td:first-child { 
  width: 50%; 
}
.fees-comparison__table th:nth-child(2), 
.fees-comparison__table td:nth-child(2),
.fees-comparison__table th:nth-child(3), 
.fees-comparison__table td:nth-child(3) { 
  width: 25%; 
  text-align: center; 
}
.fees-comparison__table th { 
  background: #f7f8fb; 
  color: #1c2440; 
  font-weight: 600; 
  text-transform: uppercase; 
  letter-spacing: 0.05em; 
  font-size: 0.85rem; 
}
.fees-comparison__table td { 
  color: #2f364d; 
}
.fees-comparison__table tr:hover td { 
  background: #fafbfd; 
}
.fees-comparison__table .check { 
  color: #28a745; 
  font-weight: 700; 
}
.fees-comparison__table .addon { 
  color: #3a5a95; 
  font-weight: 600; 
}
.fees-comparison__table .na { 
  color: #9ca3af; 
}

/* === FAQ SECTION === */
.fees-faq { 
  background: #fff; 
  border-radius: 16px; 
  padding: 32px; 
  border: 1px solid #e4e9f3; 
  margin-bottom: 40px; 
}
.fees-faq__title { 
  font-size: 1.8rem; 
  margin: 0 0 24px; 
  color: #1c2440; 
  text-align: center; 
}
.fees-faq__list { 
  margin: 0; 
  padding: 0; 
  list-style: none; 
  display: grid; 
  gap: 16px; 
}
.fees-faq__item { 
  background: #f7f8fb; 
  border-radius: 12px; 
  padding: 20px 24px; 
  border: 1px solid #edf0f6; 
}
.fees-faq__question { 
  margin: 0 0 10px; 
  font-size: 1.1rem; 
  color: #1c2440; 
  font-weight: 600; 
}
.fees-faq__answer { 
  margin: 0; 
  color: #4f586e; 
  line-height: 1.6; 
}
.fees-faq__answer a { 
  color: #3a5a95; 
  font-weight: 600; 
  text-decoration: none; 
}
.fees-faq__answer a:hover { 
  text-decoration: underline; 
}

/* === SERVICE FEES RESPONSIVE === */
@media (max-width: 640px) {
  .fees-page { 
    padding: 20px 15px; 
  }
  .fees-hero__title { 
    font-size: 2rem; 
  }
  .fees-card__price { 
    font-size: 2rem; 
  }
  
  .fees-comparison { 
    padding: 16px; 
  }
  .fees-comparison__table { 
    font-size: 0.85rem; 
  }
  .fees-comparison__table th, 
  .fees-comparison__table td { 
    padding: 10px 8px; 
  }
  .fees-comparison__table th:first-child, 
  .fees-comparison__table td:first-child { 
    width: 40%; 
  }
  .fees-comparison__table th:nth-child(2), 
  .fees-comparison__table td:nth-child(2),
  .fees-comparison__table th:nth-child(3), 
  .fees-comparison__table td:nth-child(3) { 
    width: 30%; 
  }
  .fees-comparison__table th { 
    font-size: 0.7rem; 
    letter-spacing: 0.02em; 
  }
  
  .fees-policy {
    padding: 20px;
  }
  
  .fees-policy h4 {
    font-size: 1.2rem;
  }
  
  .fees-policy h5 {
    font-size: 1rem;
  }
}

/* === WCAG 2.2 AA FOCUS INDICATORS === */
.fees-page :focus {
  outline: 3px solid #3a5a95;
  outline-offset: 2px;
}

.fees-page :focus:not(:focus-visible) {
  outline: none;
}

.fees-page :focus-visible {
  outline: 3px solid #3a5a95;
  outline-offset: 2px;
}

/* Specific focus styles for links */
.fees-toc__link:focus-visible,
.fees-keypoints__link:focus-visible,
.fees-faq__answer a:focus-visible,
.fees-policy a:focus-visible,
.fees-testimonials__placeholder-text a:focus-visible {
  outline: 3px solid #3a5a95;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Focus on hero section (high contrast on gradient background) */
.fees-hero a:focus-visible,
.fees-hero button:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 2px;
}

/* Button focus */
.fees-cta .button:focus-visible {
  outline: 3px solid #1c2440;
  outline-offset: 2px;
}

/* Table focus */
.fees-comparison__table a:focus-visible {
  outline: 3px solid #3a5a95;
  outline-offset: 1px;
}

/* === REDUCED MOTION SUPPORT === */
@media (prefers-reduced-motion: reduce) {
  .fees-page,
  .fees-page * {
    animation: none !important;
    transition: none !important;
  }
}

/* ===== HIGH CONTRAST MODE ===== */
/*
 * High contrast overrides for service fees page.
 * Applied when .high-contrast class is on <html> element.
 */
.high-contrast .fees-page {
  background: #ffffff;
}

/* Table of Contents */
.high-contrast .fees-toc {
  background: #ffffff;
  border: 2px solid #000000;
  box-shadow: none;
}

.high-contrast .fees-toc__title {
  color: #000000;
}

.high-contrast .fees-toc__link {
  color: #000000;
  text-decoration: underline;
}

.high-contrast .fees-toc__link::before {
  color: #000000;
}

/* Hero section */
.high-contrast .fees-hero {
  background: #000000;
  color: #ffffff;
  border: 3px solid #000000;
  box-shadow: none;
}

.high-contrast .fees-hero__text {
  color: #ffffff;
}

.high-contrast .fees-hero__eyebrow {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  border-color: #ffffff;
}

/* Counter */
.high-contrast .fees-counter__label {
  color: #000000;
}

.high-contrast .fees-counter__value {
  color: #000000;
}

.high-contrast .fees-counter__note {
  color: #000000;
}

/* Key Points */
.high-contrast .fees-keypoints {
  background: #ffffff;
  border: 2px solid #000000;
  box-shadow: none;
}

.high-contrast .fees-keypoints__title {
  color: #000000;
}

.high-contrast .fees-keypoints__item {
  background: #ffffff;
  border: 2px solid #000000;
  color: #000000;
}

.high-contrast .fees-keypoints__link {
  color: #000000;
  text-decoration: underline;
}

/* Timeline */
.high-contrast .fees-timeline {
  background: #ffffff;
  border: 2px solid #000000;
}

.high-contrast .fees-timeline__title {
  color: #000000;
}

.high-contrast .fees-timeline__lead {
  color: #000000;
}

.high-contrast .fees-timeline__step {
  background: #ffffff;
  border: 2px solid #000000;
}

.high-contrast .fees-timeline__step-number {
  background: #000000;
  color: #ffffff;
}

.high-contrast .fees-timeline__step-title {
  color: #000000;
}

.high-contrast .fees-timeline__step-desc {
  color: #000000;
}

.high-contrast .fees-timeline__step-time {
  color: #000000;
}

/* Testimonials */
.high-contrast .fees-testimonials {
  background: #ffffff;
  border: 2px solid #000000;
}

.high-contrast .fees-testimonials__title {
  color: #000000;
}

.high-contrast .fees-testimonials__lead {
  color: #000000;
}

.high-contrast .fees-testimonial {
  background: #ffffff;
  border: 2px solid #000000;
}

.high-contrast .fees-testimonial__quote {
  color: #000000;
  border-left-color: #000000;
}

.high-contrast .fees-testimonial__avatar {
  background: #f0f0f0;
  color: #000000;
  border: 2px solid #000000;
}

.high-contrast .fees-testimonial__name {
  color: #000000;
}

.high-contrast .fees-testimonial__business {
  color: #333333;
}

.high-contrast .fees-testimonials__placeholder {
  background: #ffffff;
  border: 2px dashed #000000;
}

.high-contrast .fees-testimonials__placeholder-text {
  color: #000000;
}

/* Strategy */
.high-contrast .fees-strategy {
  background: #ffffff;
  border: 2px solid #000000;
}

.high-contrast .fees-strategy__title {
  color: #000000;
}

.high-contrast .fees-strategy__lead,
.high-contrast .fees-strategy__note {
  color: #000000;
}

.high-contrast .fees-tier {
  background: #ffffff;
  border: 2px solid #000000;
}

.high-contrast .fees-tier__title {
  color: #000000;
}

.high-contrast .fees-tier__price {
  color: #000000;
}

.high-contrast .fees-tier__note {
  color: #000000;
}

.high-contrast .fees-tier__list {
  color: #000000;
}

.high-contrast .fees-strategy__disclaimer {
  color: #000000;
}

/* Inclusions */
.high-contrast .fees-inclusions {
  background: #ffffff;
  border: 2px solid #000000;
}

.high-contrast .fees-inclusions__title {
  color: #000000;
}

.high-contrast .fees-inclusions__lead {
  color: #000000;
}

.high-contrast .fees-inclusion {
  background: #ffffff;
  border: 2px solid #000000;
}

.high-contrast .fees-inclusion__title {
  color: #000000;
}

.high-contrast .fees-inclusion__list {
  color: #000000;
}

/* Cards */
.high-contrast .fees-card {
  background: #ffffff;
  border: 2px solid #000000;
  box-shadow: none;
}

.high-contrast .fees-card__badge {
  background: #000000;
  color: #ffffff;
}

.high-contrast .fees-card__title {
  color: #000000;
}

.high-contrast .fees-card__price {
  color: #000000;
}

.high-contrast .fees-card__price span {
  color: #333333;
}

.high-contrast .fees-card__description {
  color: #000000;
}

.high-contrast .fees-card__list li {
  color: #000000;
}

.high-contrast .fees-card__list li::before {
  color: #000000;
}

/* Note box */
.high-contrast .fees-note {
  background: #ffffff;
  border: 2px dashed #000000;
}

.high-contrast .fees-note__title {
  color: #000000;
}

.high-contrast .fees-note__list {
  color: #000000;
}

/* Policy sections */
.high-contrast .fees-policy {
  background: #ffffff;
  border: 2px solid #000000;
  box-shadow: none;
}

.high-contrast .fees-policy h4 {
  color: #000000;
  border-bottom-color: #000000;
}

.high-contrast .fees-policy h5 {
  color: #000000;
}

.high-contrast .fees-policy p {
  color: #000000;
}

.high-contrast .fees-policy ul,
.high-contrast .fees-policy li {
  color: #000000;
}

.high-contrast .fees-policy a {
  color: #000000;
  text-decoration: underline;
}

.high-contrast .fees-policy strong {
  color: #000000;
}

/* Add-ons */
.high-contrast .fees-addon {
  background: #ffffff;
  border: 2px solid #000000;
}

.high-contrast .fees-addon__title {
  color: #000000;
}

.high-contrast .fees-addon__price {
  color: #000000;
}

/* CTA */
.high-contrast .fees-cta {
  background: #ffffff;
  border: 2px solid #000000;
}

.high-contrast .fees-cta__title {
  color: #000000;
}

.high-contrast .fees-cta__text {
  color: #000000;
}

/* Comparison table */
.high-contrast .fees-comparison {
  background: #ffffff;
  border: 2px solid #000000;
}

.high-contrast .fees-comparison__title {
  color: #000000;
}

.high-contrast .fees-comparison__lead {
  color: #000000;
}

.high-contrast .fees-comparison__table th {
  background: #f0f0f0;
  color: #000000;
  border: 1px solid #000000;
}

.high-contrast .fees-comparison__table td {
  color: #000000;
  border: 1px solid #000000;
}

.high-contrast .fees-comparison__table tr:hover td {
  background: #f5f5f5;
}

.high-contrast .fees-comparison__table .check {
  color: #000000;
}

.high-contrast .fees-comparison__table .addon {
  color: #000000;
}

.high-contrast .fees-comparison__table .na {
  color: #666666;
}

/* FAQ */
.high-contrast .fees-faq {
  background: #ffffff;
  border: 2px solid #000000;
}

.high-contrast .fees-faq__title {
  color: #000000;
}

.high-contrast .fees-faq__item {
  background: #ffffff;
  border: 2px solid #000000;
}

.high-contrast .fees-faq__question {
  color: #000000;
}

.high-contrast .fees-faq__answer {
  color: #000000;
}

.high-contrast .fees-faq__answer a {
  color: #000000;
  text-decoration: underline;
}

/* High contrast focus indicators */
.high-contrast .fees-page :focus-visible {
  outline: 3px solid #000000 !important;
  outline-offset: 2px !important;
}

.high-contrast .fees-hero :focus-visible,
.high-contrast .fees-hero a:focus-visible,
.high-contrast .fees-hero button:focus-visible {
  outline: 3px solid #ffffff !important;
  outline-offset: 2px !important;
}