/* TOKENS REMOVED - all --archex-* tokens now live in archex-foundation.css
   ============================================================================
   This file previously opened with a :root block declaring sixteen --archex-*
   tokens. NINE of them were identical re-declarations of tokens already set by
   archex-design-system.css:

     --archex-border  --archex-charcoal  --archex-copper  --archex-cream
     --archex-muted   --archex-ochre     --archex-sandstone
     --archex-text    --archex-white

   Because this file loads AFTER the design system, it silently won every one of
   them. Editing a value in the file named "design system" therefore had no
   effect whatsoever - one of the three proven causes of design changes appearing
   to revert (handover 6.37).

   archex-foundation.css is now the sole owner of every --archex-* token.
   DO NOT re-declare any of them here or in any other stylesheet. This file is
   component styles only, and is being retired as pages migrate to the shared
   .ax- component set.
   ============================================================================ */

.archex-card {
    background: var(--archex-white);
    border: 1px solid var(--archex-border);
    border-radius: var(--archex-radius-medium);
    box-shadow: var(--archex-shadow);
    padding: 22px;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

    .archex-card:hover {
        transform: translateY(-2px);
        box-shadow: var(--archex-shadow-hover);
    }

@media (max-width: 768px) {
    .archex-card {
        padding: 18px;
        border-radius: var(--archex-radius-small);
    }
}