/* Financial Assistance (CCAP) Page-Specific Layout Additions using Soft Spark Tokens */
    #about-ccap,
    #core-programs,
    #getting-started,
    #ccap-questions,
    #question-form {
      scroll-margin-top: 96px;
    }

    .fa-hero-body {
      margin-top: 14px;
      max-width: 54ch;
      font-size: 16.5px;
      line-height: 1.65;
      color: var(--sp-quiet);
    }

    .fa-illustration-stage {
      background: var(--sp-cream);
      border-radius: calc(var(--radius-lg) - 8px);
      border: 1px solid rgba(77, 98, 84, 0.12);
      padding: clamp(18px, 3vw, 28px);
      display: grid;
      place-items: center;
    }

    .fa-illustration-stage svg {
      width: 100%;
      max-width: 460px;
      height: auto;
      display: block;
    }

    /* 4-Link Jump Bar inside Hero Frame */
    .fa-nav {
      margin-top: 20px;
      padding-top: 18px;
      border-top: 1px solid rgba(77, 98, 84, 0.16);
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 10px 16px;
    }

    .fa-nav-label {
      font-family: var(--font-heading);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: var(--sp-quiet);
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    .fa-nav-label::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--sp-dusty-teal);
    }

    .fa-nav-links {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .fa-nav a {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 40px;
      padding: 7px 15px;
      border-radius: 999px;
      background: var(--sp-cream);
      border: 1px solid rgba(77, 98, 84, 0.2);
      font-family: var(--font-heading);
      font-size: 13.5px;
      font-weight: 700;
      color: var(--sp-ink);
      text-decoration: none;
    }

    .fa-nav a:hover {
      background: var(--sp-dusty-teal);
      border-color: var(--sp-ink);
      color: var(--sp-ink);
      transform: translateY(-1px);
    }

    /* Split Section Layout (#about-ccap & #core-programs) */
    .fa-split {
      display: grid;
      grid-template-columns: 0.88fr 1.12fr;
      gap: clamp(28px, 5vw, 64px);
      align-items: start;
    }

    .fa-split-intro {
      position: sticky;
      top: 104px;
    }

    .fa-split-intro p:not(.sc-kicker) {
      margin-top: 14px;
      font-size: 16.5px;
      color: var(--sp-quiet);
      line-height: 1.62;
    }

    .fa-prose-card {
      background: var(--sp-white);
      border: 1px solid rgba(77, 98, 84, 0.16);
      border-radius: var(--radius-lg);
      padding: clamp(26px, 3.8vw, 44px);
      box-shadow: var(--sp-shadow-card);
      display: grid;
      gap: 18px;
    }

    .fa-prose-card p {
      font-size: 17px;
      line-height: 1.68;
      color: var(--sp-ink);
    }

    .fa-prose-card p + p {
      color: var(--sp-quiet);
    }

    .fa-tint {
      background-color: var(--sp-teal-tint); /* #E3ECEB soft Dusty Teal section tint */
      border-block: 1px solid rgba(77, 98, 84, 0.16);
    }

    /* 5 Core Programs Interactive List */
    .fa-programs {
      list-style: none;
      margin: 8px 0;
      padding: 0;
      display: grid;
      gap: 10px;
    }

    .fa-programs li a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      background: var(--sp-cream);
      border: 1px solid rgba(77, 98, 84, 0.16);
      border-left: 7px solid var(--sp-sage);
      border-radius: 14px;
      padding: 15px 20px;
      font-family: var(--font-heading);
      font-size: 17px;
      font-weight: 800;
      color: var(--sp-ink);
      text-decoration: none;
      transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
    }

    .fa-programs li:nth-child(1) a { border-left-color: var(--sp-butter);     /* #F1D49A */ }
    .fa-programs li:nth-child(2) a { border-left-color: var(--sp-peach);      /* #EEB6A4 */ }
    .fa-programs li:nth-child(3) a { border-left-color: var(--sp-sage);       /* #8D9B84 */ }
    .fa-programs li:nth-child(4) a { border-left-color: var(--sp-dusty-teal); /* #9EB9B8 */ }
    .fa-programs li:nth-child(5) a { border-left-color: var(--sp-blush);      /* #E8B9B5 */ }

    .fa-programs li a:hover {
      background: var(--sp-white);
      transform: translateX(4px);
      box-shadow: var(--sp-shadow-card);
      color: var(--sp-deep-sage-hover);
      text-decoration: underline;
    }

    .fa-program-pill {
      font-family: var(--font-heading);
      font-size: 12px;
      font-weight: 800;
      padding: 4px 11px;
      border-radius: 999px;
      color: var(--sp-ink);
      white-space: nowrap;
    }

    .fa-programs li:nth-child(1) .fa-program-pill { background: var(--sp-butter); }
    .fa-programs li:nth-child(2) .fa-program-pill { background: var(--sp-peach); }
    .fa-programs li:nth-child(3) .fa-program-pill { background: var(--sp-sage); }
    .fa-programs li:nth-child(4) .fa-program-pill { background: var(--sp-dusty-teal); }
    .fa-programs li:nth-child(5) .fa-program-pill { background: var(--sp-blush); }

    /* 4-Step How to Get Started Grid */
    .fa-section-heading {
      max-width: 660px;
      margin-bottom: clamp(28px, 4vw, 44px);
    }

    .fa-steps {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 22px;
      counter-reset: ccap-steps;
    }

    .fa-steps li {
      counter-increment: ccap-steps;
      background: var(--sp-white);
      border: 1px solid rgba(77, 98, 84, 0.16);
      border-radius: var(--radius-lg);
      padding: clamp(24px, 3.2vw, 34px);
      box-shadow: var(--sp-shadow-card);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 14px;
      position: relative;
    }

    .fa-step-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    .fa-step-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 5px 13px;
      border-radius: 999px;
      font-family: var(--font-heading);
      font-size: 12.5px;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: var(--sp-ink);
    }

    .fa-steps li:nth-child(1) .fa-step-badge { background: var(--sp-butter); }
    .fa-steps li:nth-child(2) .fa-step-badge { background: var(--sp-dusty-teal); }
    .fa-steps li:nth-child(3) .fa-step-badge { background: var(--sp-peach); }
    .fa-steps li:nth-child(4) .fa-step-badge { background: var(--sp-sage); }

    .fa-steps h3 {
      font-family: var(--font-heading);
      font-size: 22px;
      font-weight: 800;
      color: var(--sp-ink);
      margin-top: 4px;
    }

    .fa-steps p {
      font-size: 16px;
      line-height: 1.62;
      color: var(--sp-quiet);
    }

    .fa-sensitive-note {
      margin-top: 16px;
      background: var(--sp-teal-tint);
      border: 1px solid rgba(77, 98, 84, 0.22);
      border-left: 5px solid var(--sp-dusty-teal);
      border-radius: var(--radius-md);
      padding: 14px 18px;
      font-size: 14.5px;
      line-height: 1.55;
      color: var(--sp-ink);
    }

    .sp-faq-answer p + p {
      margin-top: 10px;
    }

    @media (max-width: 960px) {
      .fa-split {
        grid-template-columns: 1fr;
      }
      .fa-split-intro {
        position: static;
      }
      .fa-steps {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 599px) {
      .fa-nav {
        flex-direction: column;
        align-items: flex-start;
      }
      .fa-programs li a {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
      }
    }