/*
 * suite.css — the shared "Safety & Risk Management" home (v0.50.0, Flagler edition). Drawn by public/suite.mjs in both services.
 * NO TENANT COLOUR OR NAME IS WRITTEN HERE. [I20] Colours come from the custom properties app.css sets from /api/config.
 */
.suite { display: grid; gap: 1rem; }
.suite__group { background: var(--card); border: 1px solid var(--line); border-radius: 0.75rem; padding: 1rem; min-width: 0; }
.suite__title { margin: 0 0 0.15rem; font-size: 1.1rem; line-height: 1.3; }
.suite__hint { margin: 0 0 0.75rem; color: var(--ink-soft); font-size: 0.9rem; }
.suite__links { display: grid; gap: 0.5rem; grid-template-columns: 1fr; }
@media (min-width: 40rem) { .suite__links { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 64rem) { .suite__links { grid-template-columns: repeat(3, 1fr); } }
.suite__link { display: inline-flex; align-items: center; min-height: 2.75rem; text-decoration: none; overflow-wrap: anywhere; }