/* Capabilities highlight box on the index page. Colors are fixed (not theme
   variables) so the gradient reads the same in both light and dark mode. */
.capabilities-box {
    background: linear-gradient(135deg, #3a5ba0 0%, #6d3fa0 100%) !important;
    border: none !important;
    color: #f5f3ff !important;
    margin-bottom: 6rem !important;
}

.capabilities-box .sd-card-header,
.capabilities-box .sd-card-title,
.capabilities-box .sd-card-body,
.capabilities-box p {
    color: #f5f3ff !important;
    background: transparent !important;
    border: none !important;
}

.capabilities-box .sd-octicon {
    color: #ffd166;
}

.capabilities-box .capabilities-icon {
    display: block;
    margin: 0 auto 0.5rem auto;
}

/* User Guide landing page cards: fix the intro block (module line + blurb) to a
   uniform height so the divider/TOC below it starts at the same position on every
   card, regardless of how long each card's blurb is or how many TOC entries it has. */
.guide-card .sd-card-body {
    flex: 0 0 auto;
}

.guide-card .card-intro {
    min-height: 6rem;
}

.guide-card .sd-card-footer {
    background-color: transparent;
}

/* Short description banner at the top of each example gallery page, above the
   sphinx-gallery thumbnail grid. Deliberately lighter than .capabilities-box --
   a subtle accent, not a second hero. */
.gallery-banner {
    border: none !important;
    border-left: 4px solid #6d3fa0 !important;
    border-radius: 0.25rem !important;
    background: linear-gradient(135deg, rgba(58, 91, 160, 0.08), rgba(109, 63, 160, 0.08)) !important;
    margin-bottom: 2rem !important;
}

.gallery-banner .sd-card-body {
    padding: 0.75rem 1.25rem;
}