/* cosmotrail.css — CosmoTrail-spezifische Ergänzungen zu termi.css.
   termi.css bleibt unverändert (Kopie aus termi-web). */

:root { --tint: 96, 165, 250; }

/* Raster-Zellen: Abstand zwischen Symbol und Titel */
.cell .ico + h3 { margin-top: 28px; }

/* Support: Überschrift über der FAQ-Liste und Kontaktblock */
.doc-layout.no-toc .faq { max-width: none; margin: 0; }
.doc-layout.no-toc .prose { max-width: none; }
.doc-layout.no-toc .prose h2#faq { margin: 0 0 8px; }
.support-contact { margin-top: 48px; }

/* Apple-Logo im App-Store-Kärtchen der Support-Seite */
.card-link .ico svg[viewBox="0 0 384 512"] { width: 15px; height: 17px; }

/* Kontaktkarte im App-Akzent statt im termi-Markenverlauf */
.contact-card::after {
  background:
    radial-gradient(closest-side at 40% 50%, rgba(var(--tint), .26), transparent),
    radial-gradient(closest-side at 62% 50%, rgba(167, 139, 250, .14), transparent);
}

/* termi.css: «.doc-layout { padding: 56px 0 120px }» überschreibt den seitlichen
   Innenabstand von .container — Seitenränder hier wiederherstellen. */
.container.doc-layout { padding-left: 32px; padding-right: 32px; }
@media (max-width: 640px) { .container.doc-layout { padding-left: 16px; padding-right: 16px; } }