.brief-sq-10 { width: 2.5rem; height: 2.5rem; flex-shrink: 0; }

.brief-glass-card,
.brief-glass-panel,
.brief-glass-value {
    backdrop-filter: blur(0.75rem);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.08);
}

.brief-glass-card {
    background-color: rgba(var(--bs-body-bg-rgb), 0.72);
}

.brief-glass-panel,
.brief-glass-value {
    background-color: rgba(var(--bs-body-bg-rgb), 0.56);
}

.brief-brand-line {
    width: 2.5rem;
    height: 0.125rem;
    background-color: rgba(var(--bs-primary-rgb), 0.45);
}

.brief-orb-one {
    top: -6rem;
    left: -6rem;
    width: 24rem;
    height: 24rem;
    filter: blur(3rem);
}

.brief-orb-two {
    right: -6rem;
    bottom: -6rem;
    width: 20rem;
    height: 20rem;
    filter: blur(3rem);
}

.brief-orb-three {
    top: 50%;
    right: 25%;
    width: 14rem;
    height: 14rem;
    filter: blur(3rem);
}

.brief-cta-hover {
    transition: transform 0.3s ease;
}

.brief-cta-hover:hover {
    transform: scale(1.05);
}

.brief-card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.brief-card-hover:hover {
    transform: translateY(-0.25rem);
    box-shadow: var(--bs-box-shadow-lg);
}

.brief-icon-hover {
    transition: transform 0.3s ease;
}

.brief-card-hover:hover .brief-icon-hover {
    transform: scale(1.1);
}

.brief-title-hover {
    transition: color 0.3s ease;
}

.brief-card-hover:hover .brief-title-hover {
    color: var(--bs-primary);
}

.bench-simple-grid__portrait {
    width: 8rem;
    height: 8rem;
}

.bench-simple-grid__min-shrink {
  min-width: 0;
}

.doctrine-magazine__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
}

@media (min-width: 1024px) {
    .doctrine-magazine__grid {
        grid-template-columns: minmax(0, 320px) 1fr;
        gap: 4rem;
    }

    .doctrine-magazine__aside {
        position: sticky;
        top: 6rem;
        align-self: start;
    }
}

.doctrine-magazine__image {
    height: 14rem;
    object-fit: cover;
}

.dashboard-metrics-timeline__grid-lines {
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 39px, currentColor 39px, currentColor 40px),
        repeating-linear-gradient(90deg, transparent, transparent 79px, currentColor 79px, currentColor 80px);
}

@keyframes dashboard-metrics-timeline__pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.5); }
}

.dashboard-metrics-timeline__pulse {
    width: 0.5rem;
    height: 0.5rem;
    animation: dashboard-metrics-timeline__pulse 2s ease infinite;
}

.dashboard-metrics-timeline__watermark {
    font-size: clamp(60px, 12vw, 140px);
    opacity: 0.03;
}

.dashboard-metrics-timeline__icon {
    width: 2rem;
    height: 2rem;
}

.dashboard-metrics-timeline__metric {
    font-size: 2rem;
}

.dashboard-metrics-timeline__bar {
    height: 4px;
}

.dashboard-metrics-timeline__progress {
    height: 4px;
    width: var(--dashboard-metrics-timeline__width, 0%);
}

.dashboard-metrics-timeline__index-dot {
    width: 6px;
    height: 6px;
}

@keyframes dashboard-metrics-timeline__count {
    from { opacity: 0; }
    to { opacity: 1; }
}

.dashboard-metrics-timeline__line {
    height: 1px;
}

/* Bootstrap branch: explicit grid + gap (row gutters often collapse with overflow / theme resets) */
.dashboard-metrics-timeline__bs-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
}

@media (min-width: 768px) {
    .dashboard-metrics-timeline__bs-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .dashboard-metrics-timeline__bs-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2.25rem;
    }
}

.dashboard-metrics-timeline__min-shrink {
  min-width: 0;
}