/* Index-only STEP 1. Existing TYPE SYSTEM v1 role values; no global opt-in. */
@layer projects-evolve-step1 {
  @media (min-width: 769px) {
    #projects-evolve-desktop,
    #projects-evolve-desktop * {
      box-sizing: border-box;
      font-family: "Source Sans 3", sans-serif !important;
      letter-spacing: normal !important;
      text-transform: none !important;
    }
    #projects-evolve-desktop { align-items: start; }
    #projects-evolve-desktop .projects-evolve__selector { border-top: 1px solid var(--index-rule); }
    #projects-evolve-desktop .projects-evolve__row { border-bottom: 1px solid var(--index-rule) !important; }
    #projects-evolve-desktop .projects-evolve__link {
      display: grid; grid-template-columns: 44px minmax(0, 1fr) auto;
      gap: 10px; align-items: start; min-height: 108px; padding: 18px 8px !important;
      color: inherit; text-decoration: none;
      font: 400 var(--ay-size-body, 16px)/var(--ay-leading-body, 24px) "Source Sans 3", sans-serif !important;
    }
    #projects-evolve-desktop .projects-evolve__identity { min-width: 0; }
    #projects-evolve-desktop .projects-evolve__name {
      display: block;
      font: 400 var(--ay-size-statement, 24px)/var(--ay-leading-statement, 30px) "Source Sans 3", sans-serif !important;
      letter-spacing: -.025em !important;
    }
    #projects-evolve-desktop .projects-evolve__metadata,
    #projects-evolve-desktop .projects-evolve__caption,
    #projects-evolve-desktop .projects-evolve__number,
    #projects-evolve-desktop .projects-evolve__registers {
      font: 400 var(--ay-size-micro, 13px)/var(--ay-leading-micro, 18px) "Source Sans 3", sans-serif !important;
    }
    #projects-evolve-desktop .projects-evolve__identity .projects-evolve__metadata { display: block; margin-top: 8px; color: var(--index-muted); }
    #projects-evolve-desktop .projects-evolve__number { padding-top: 4px; }
    #projects-evolve-desktop .projects-evolve__row.is-selected .projects-evolve__link { background: var(--ui-accent, #064cff); color: #fff; }
    #projects-evolve-desktop .projects-evolve__row.is-selected .projects-evolve__link :is(.projects-evolve__name,.projects-evolve__metadata,.projects-evolve__number,.projects-evolve__link-arrow) { color: #fff !important; }
    #projects-evolve-desktop .projects-evolve__row.is-preview .projects-evolve__name { color: #064cff; }
    #projects-evolve-desktop a:focus-visible { outline: 2px solid #064cff !important; outline-offset: 4px !important; }
    #projects-evolve-desktop .projects-evolve__field { min-width: 0; padding: 16px 0 0 24px; border-top: 1px solid var(--index-rule); border-left: 1px solid var(--index-rule); }
    #projects-evolve-desktop .projects-evolve__title {
      margin: 0 !important; color: var(--index-ink);
      font: 600 var(--ay-size-section, 40px)/var(--ay-leading-section, 44px) "Source Sans 3", sans-serif !important;
      letter-spacing: -.035em !important;
    }
    #projects-evolve-desktop .projects-evolve__field > .projects-evolve__metadata { max-width: none !important; margin: 12px 0 0 !important; color: var(--index-muted); }
    #projects-evolve-desktop .projects-evolve__evidence { margin: 24px 0 !important; }
    #projects-evolve-desktop .projects-evolve__image { display: block; width: 100%; height: auto; max-height: 520px; object-fit: contain; object-position: center; }
    #projects-evolve-desktop .projects-evolve__caption { margin-top: 12px; color: var(--index-muted); }
    #projects-evolve-desktop .projects-evolve__description,
    #projects-evolve-desktop .projects-evolve__operation {
      max-width: 60ch !important; margin: 0 0 16px !important;
      font: 400 var(--ay-size-body, 16px)/var(--ay-leading-body, 24px) "Source Sans 3", sans-serif !important;
    }
    #projects-evolve-desktop .projects-evolve__registers { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 15px; padding: 8px 0 12px !important; border-bottom: 1px solid var(--index-rule) !important; }
    #projects-evolve-desktop .projects-evolve__register { text-transform: uppercase !important; }
    #projects-evolve-desktop .projects-evolve__cta {
      display: inline-block; margin-top: 20px !important; color: inherit; text-underline-offset: 6px;
      font: 400 var(--ay-size-body, 16px)/var(--ay-leading-body, 24px) "Source Sans 3", sans-serif !important;
    }
  }
}