:root { --warehouse-blue: #004d80; }
body { background: #f8f9fa; color: #243342; }
a { color: var(--warehouse-blue); }
.btn-primary { --bs-btn-bg: #004d80; --bs-btn-border-color: #004d80; --bs-btn-hover-bg: #003b63; --bs-btn-hover-border-color: #003b63; }
.warehouse-sidebar { position: sticky; top: 1.5rem; }
.warehouse-requirements { padding: 0 12px; }
.warehouse-requirements p { margin: 0 0 8px; }
.warehouse-runtime-link { display: inline-flex; align-items: center; gap: 7px; padding: 4px 0; text-decoration: none; }
.warehouse-runtime-link i { color: #587380; }
.warehouse-runtime-link:hover span { text-decoration: underline; }
.warehouse-section, .warehouse-anchor { scroll-margin-top: 1.5rem; }
.warehouse-section { margin-bottom: 2rem; }
.warehouse-product { overflow: hidden; border-color: #e0e5e9; box-shadow: 0 2px 5px #16364c05; }
.warehouse-product > .card-body { border-bottom: 1px solid #e9ecef; padding: 1.25rem; }
.warehouse-versions { font-size: .9rem; }
.warehouse-versions td, .warehouse-versions th { padding: .7rem 1.25rem; }
.warehouse-versions thead th { background: #f8f9fa; font-size: .75rem; font-weight: 500; color: #526271; }
.warehouse-versions tbody tr:last-child > * { border-bottom: 0; }
.warehouse-branch { border-bottom: 1px solid #e9ecef; }
.warehouse-branch:last-child { border-bottom: 0; }
.warehouse-branch summary { padding: 1rem 1.25rem; cursor: pointer; }
.warehouse-branch summary span:last-child { float: right; }
.warehouse-branch[open] summary { background: #eef4f8; color: var(--warehouse-blue); }

.skip-link { position: absolute; top: 0; left: 0; z-index: 2000; background: white; padding: .5rem; }
@media (max-width: 575px) {
    .warehouse-versions td, .warehouse-versions th { padding: .65rem .6rem; }
    .warehouse-versions { font-size: .8rem; }

}