html {
    font-size: 15px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1 0 auto;
}

/* FocusOnNavigate (Routes.razor) программно фокусирует h1 после навигации —
   это нужно скринридерам, но в браузере даёт рамку фокуса на заголовке.
   Элементы с tabindex="-1" с клавиатуры недостижимы, фокус на них всегда
   программный, поэтому обводку убираем. */
[tabindex="-1"]:focus {
    outline: none;
}

.breadcrumb {
    font-size: .875rem;
}

.part-thumb {
    max-height: 120px;
    object-fit: contain;
    background-color: #fff;
}

.part-photo {
    max-height: 420px;
    object-fit: contain;
    background-color: #fff;
}