body { margin: 0; font-family: "Vazirmatn", Tahoma, Arial, sans-serif; color: #212529; }
.website-layout { min-height: 100vh; display: flex; flex-direction: column; }
.website-layout main { flex: 1; }
.site-hero { background: #f4f5f7; }
.site-placeholder { background: #fff; }
.website-layout .card { border-color: #dee2e6; }
.website-layout .card .bi { color: #495057; }
@media (max-width: 767.98px) {
  .website-layout .navbar > .container { align-items: flex-start; flex-direction: column; gap: .75rem; }
  .website-layout nav { width: 100%; overflow-x: auto; }
  .website-layout nav .btn { white-space: nowrap; }
}
:focus-visible { outline: 3px solid rgba(13, 110, 253, .35); outline-offset: 2px; }