/* Canonical Surface Module — paper, soft, ink and featured information layers. */
.bh-surface,
.pricing-card,
.service-detail-row,
.service-process-grid article,
.pricing-factor-grid article,
.pricing-terms-grid article,
.contact-brief-grid article,
.case-solution-table article,
.article-related__grid a {
    box-shadow: none;
    transition: background-color var(--bh-motion-fast) ease, border-color var(--bh-motion-fast) ease;
}

.bh-surface--paper,
.pricing-card,
.service-detail-row,
.service-process-grid article,
.pricing-factor-grid article,
.pricing-terms-grid article,
.contact-brief-grid article,
.case-solution-table article,
.article-related__grid a {
    background: var(--bh-surface-paper);
    color: var(--bh-ink);
}

.bh-surface--soft,
.service-detail-row:nth-child(even),
.service-process-grid article:nth-child(even),
.pricing-factor-grid article:nth-child(even),
.pricing-terms-grid article:nth-child(even),
.contact-brief-grid article:nth-child(even),
.case-solution-table article:nth-child(even) {
    background: var(--bh-surface-soft);
    color: var(--bh-ink);
}

.bh-surface--ink,
.contact-method-card--dark {
    background: var(--bh-surface-ink);
    color: #fff;
}

.bh-surface--featured,
.pricing-card--featured {
    position: relative;
    background: var(--bh-surface-featured);
    color: var(--bh-ink);
}

.bh-surface--featured::before,
.pricing-card--featured::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0 0 auto;
    height: 2px;
    background: var(--bh-accent);
}

.pricing-card:not(.pricing-card--featured):focus-within,
.service-process-grid article:focus-within,
.contact-brief-grid article:focus-within,
.case-solution-table article:focus-within {
    background: var(--bh-surface-hover);
}

.contact-method-card:not(.contact-method-card--dark):hover,
.contact-method-card:not(.contact-method-card--dark):focus-visible {
    background: var(--bh-surface-hover);
}

@media (prefers-reduced-motion: reduce) {
    .bh-surface,
    .pricing-card,
    .service-detail-row,
    .service-process-grid article,
    .pricing-factor-grid article,
    .pricing-terms-grid article,
    .contact-brief-grid article,
    .case-solution-table article,
    .article-related__grid a {
        transition-duration: 0.01ms !important;
    }
}
