/* Optional overrides, appended after the base stylesheet. Prefer theme.json; use the CSS variables here. */

/* Recognitions: items stacked vertically in a single column at every screen width. */
#recognitions .cards{grid-template-columns:1fr;gap:2.5rem}

/* Hero call to action (injected from extras.json) */
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.75rem}
.hero-cta .btn{padding:.7rem 1.15rem;font-size:.78rem}
.hero-cta .btn svg{width:15px;height:15px}
.hero-cta small{font-size:.8rem;color:var(--muted-fg)}
@media (max-width:767px){.hero-cta{justify-content:center;text-align:center}}
/* 404 page */
.nf{min-height:70vh;display:flex;flex-direction:column;justify-content:center;gap:1rem;max-width:var(--prose-width)}
.nf .code{font-family:var(--font-mono);color:var(--subtle);font-size:.85rem;letter-spacing:.2em}
.nf h1{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.02em;line-height:1.15}
.nf p{color:var(--muted-fg)}
.nf .links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}