/* Общие атомарные компоненты (шапка / бренд) — DRY */
html, body { margin: 0; min-height: 100%; }

.top { display: flex; align-items: center; gap: 14px; padding: 10px 20px; border-bottom: 1px solid #e5e7eb; background: #fff; }
.top img { height: 40px; width: auto; display: block; }
.brand-label { font-size: 15px; color: #111827; font-weight: 600; white-space: nowrap; }
.top .spacer { flex: 1; }
.top a { color: #6b7280; font-size: 13px; text-decoration: none; }
.top a:hover { color: #602d8d; }

/* Стабильный скроллбар — чтобы не прыгала ширина хедера */
html { scrollbar-gutter: stable; }

/* Хлебная крошка в шапке */
.breadcrumb { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; }
.top .crumb-link { color: #2563eb; text-decoration: underline; font-weight: 600; }
.top .crumb-link:hover { color: #1d4ed8; }
.crumb-sep { color: #9ca3af; }
.crumb-current { color: #111827; }