/* pages/brand-details.css — the brand template: only what is unique to this page */

.detail-block {
    display: grid;
    gap: var(--space-lg);
}
.detail-block__title {
    position: relative;
    padding-block-start: var(--space-lg);
    border-block-start: var(--hairline) solid var(--color-border-subtle);
    font-size: var(--fs-xl);
    line-height: var(--lh-snug);
}
/* gold kicker on the rule, as on the home page's "Why ETQAN" items */
.detail-block__title::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: calc(var(--hairline) * -1);
    inline-size: var(--kicker-width);
    block-size: var(--rule);
    background: var(--gradient-gold);
}
.detail-block__text {
    font-size: var(--fs-md);
    line-height: var(--lh-body);
    color: var(--color-text-muted);
}

.rail-cta .btn { inline-size: 100%; }