/**
 * Quick Fix Force — static content pages (About, Why QFF, QFF Experience,
 * Privacy Policy, Solutions). Anything genuinely not covered by the sitewide
 * shared-block CSS lives here.
 */

/* ===== ObjectionList (Why QFF) ===== */
.qff-objection-list { margin-top: 2.5rem; display: flex; flex-direction: column; gap: 1rem; }
@media (min-width: 640px) { .qff-objection-list { margin-top: 3.5rem; gap: 1.25rem; } }
.qff-objection-card { border: 1px solid var(--qff-navy-10); border-radius: var(--qff-radius-sm); padding: 1.5rem; }
@media (min-width: 640px) { .qff-objection-card { padding: 2rem; } }
.qff-objection-card h3 { font-family: var(--qff-font-display); font-weight: 600; color: var(--qff-charcoal); font-size: 17px; letter-spacing: -0.01em; }
@media (min-width: 640px) { .qff-objection-card h3 { font-size: 20px; } }
.qff-objection-card p { margin-top: 0.75rem; font-size: 15.5px; color: var(--qff-charcoal-65); line-height: 1.7; }

/* ===== JourneyTimeline (QFF Experience) ===== */
.qff-journey-grid { margin-top: 2.5rem; display: grid; gap: 1.25rem; list-style: none; padding: 0; }
@media (min-width: 640px) { .qff-journey-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 3.5rem; gap: 1.5rem; } }
@media (min-width: 1024px) { .qff-journey-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.qff-journey-card { height: 100%; border: 1px solid var(--qff-navy-10); border-radius: var(--qff-radius-sm); padding: 1.5rem; }
.qff-journey-card__num { font-family: var(--qff-font-display); font-weight: 600; color: var(--qff-action); font-size: 18px; }
.qff-journey-card h3 { margin-top: 0.625rem; font-family: var(--qff-font-display); font-weight: 600; color: var(--qff-charcoal); font-size: 17px; letter-spacing: -0.01em; }
.qff-journey-card p { margin-top: 0.5rem; font-size: 14.5px; color: var(--qff-charcoal-60); line-height: 1.7; }

/* ===== Solutions directory grid ===== */
.qff-solutions-grid { margin-top: 2.5rem; display: grid; gap: 1.25rem; }
@media (min-width: 640px) { .qff-solutions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 3.5rem; } }
@media (min-width: 1024px) { .qff-solutions-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } }
.qff-solution-card {
  display: flex; flex-direction: column; height: 100%; background: #fff;
  border: 1px solid var(--qff-navy-10); border-radius: var(--qff-radius-sm);
  padding: 1.5rem; transition: border-color 0.2s ease;
}
.qff-solution-card:hover { border-color: var(--qff-navy-25); }
.qff-solution-card svg { width: 1.25rem; height: 1.25rem; color: var(--qff-action); }
.qff-solution-card h3 { margin-top: 1rem; font-family: var(--qff-font-display); font-weight: 600; color: var(--qff-charcoal); font-size: 17px; line-height: 1.3; letter-spacing: -0.01em; }
.qff-solution-card p { margin-top: 0.75rem; font-size: 14.5px; color: var(--qff-charcoal-60); line-height: 1.7; flex: 1; }
.qff-solution-card__link { margin-top: 1.25rem; display: inline-flex; align-items: center; gap: 0.5rem; font-size: 14px; font-weight: 600; color: var(--qff-navy); transition: color 0.2s ease; }
.qff-solution-card:hover .qff-solution-card__link { color: var(--qff-action); }
.qff-solution-card__link svg { width: 0.875rem; height: 0.875rem; color: inherit; }