/* ==========================================================================
   CP10 — design-token consolidation (TASKS T14; site-only, linked from
   BaseLayout, NOT loaded on the funnel).

   T14 "cards sized by content; one radius set; one shadow":
   - one radius set (defined from the values already in the codebase — 16px is
     today's most common card radius; 12px for small surfaces),
   - one shadow for elevated surfaces (the existing 0 10px 30px value),
   - card grids no longer stretch cards or pin them to a fixed height.

   T10's `design/tokens.css` was NOT supplied (absent from the repo, the
   Co-Work handoff and the audit docs), so the exact token file and the 9-step
   type scale are deferred; the values below are consolidated from what already
   ships, not invented. Replaces once the real tokens arrive.
   ========================================================================== */

:root{
  --radius-card: 16px;   /* cards */
  --radius-sm: 12px;     /* menus, pills, small surfaces */
  --radius-pill: 999px;
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.12); /* = the existing surface shadow */
}

/* --- one radius set ------------------------------------------------------- */
.info-card,
.step-card,
.bento-box,
.sidebar-card,
.faq-section details,
.tx-zone-map-wrap { border-radius: var(--radius-card); }

.link-grid a,
.dropdown-menu,
.lang-popup,
.lang-popup a { border-radius: var(--radius-sm); }

/* --- one shadow for elevated surfaces ------------------------------------- */
.info-card,
.step-card,
.bento-box,
.sidebar-card,
.link-grid a,
.dropdown-menu,
.lang-popup { box-shadow: var(--shadow-card); }

/* --- cards sized by content ----------------------------------------------- */
.info-grid,
.steps-grid,
.link-grid { align-items: start; }

.info-card,
.step-card,
.sidebar-card,
.link-grid a { height: auto; min-height: 0; }

/* the bento grid pinned its rows to 250px; size them by content while keeping
   the large tile spanning two rows. */
.bento-grid { grid-template-rows: auto; grid-auto-rows: 1fr; }