/* Global front-end styles shared across all languages */

/* Branding */
.brand { font-weight: 700; letter-spacing: .5px; }

/* Hero sections */
.hero { background: linear-gradient(135deg,#0d6efd 0%, #6f42c1 100%); color:#fff; border-radius: 1rem; }
.hero img { border-radius: .75rem; }

/* Cards hover */
.card-zo { transition: transform .15s ease, box-shadow .15s ease; }
.card-zo:hover { transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.08); }

/* Prose helpers */
.prose { line-height: 1.8; }
.prose h2, .prose h3 { margin-top: 1.25rem; }
.toc { position: sticky; top: 1rem; }

/* Fact/tip blocks */
.fact, .tip { background: var(--bs-body-bg); border:1px dashed var(--bs-border-color); border-radius:.75rem; padding:1rem; }

/* Steps */
.step-num { width: 36px; height: 36px; border-radius: 50%; display:inline-flex; align-items:center; justify-content:center; font-weight:600; }

/* Navbar spacing */
nav.navbar { margin-bottom: 1rem; }