/* ============================================================
   PAGE: about — uses the shared .appx-* design system
   (defined in mani-globals-ltr.css). No custom cards, no custom
   colors. Accent = brand purple. Additions are limited to the
   inline hero link and a hover affordance for the cards that are
   links, both on palette tokens.
   ============================================================ */
.pg-about { --app-accent: var(--purple); }

.pg-about .appx-hero-sub a {
    color: var(--purple);
    font-weight: 700;
}

.pg-about .appx-hero-sub a:hover {
    text-decoration: underline;
}

.pg-about .abt-link {
    transition: border-color .18s ease, transform .18s ease;
}

.pg-about .abt-link:hover {
    border-color: color-mix(in srgb, var(--purple) 40%, var(--mist));
    transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
    .pg-about .abt-link { transition: none; }
    .pg-about .abt-link:hover { transform: none; }
}