/*
* BF Farm shared Keep Learning treatment.
* Link-card visuals are owned by site-core.css. This file controls only the
* Keep Learning section layout and the mobile contact-only content switch.
*/
#bf-public .site-keep-learning__contact-title,
#bf-public .site-keep-learning__contact-copy {
display: none;
}
@media (max-width: 760px) {
#bf-public .site-keep-learning {
display: block;
width: 100%;
min-width: 0;
margin-top: 18px;
}
#bf-public .state-guide-close-section .site-keep-learning {
margin-top: 0;
}
#bf-public .site-keep-learning__intro {
min-width: 0;
}
#bf-public .site-keep-learning > .section-label,
#bf-public .site-keep-learning__intro > .section-label {
margin: 0 0 10px;
font-size: .76rem;
font-weight: 850;
line-height: 1.15;
letter-spacing: .16em;
color: var(--blue-deep);
}
#bf-public .site-keep-learning > h2,
#bf-public .site-keep-learning__intro > h2 {
margin: 0 0 10px;
max-width: none;
font-size: clamp(1.9rem, 8vw, 2.2rem);
font-weight: 520;
line-height: 1.08;
letter-spacing: -.025em;
color: var(--text-heading-on-light);
}
#bf-public .site-keep-learning > p:not(.section-label),
#bf-public .site-keep-learning__intro > p:not(.section-label) {
max-width: none;
margin: 0;
color: var(--text-muted-on-light);
font-size: 1rem;
line-height: 1.48;
}
#bf-public .site-keep-learning__actions,
#bf-public .article-sales-cta__actions.site-keep-learning__actions,
#bf-public .state-guide-close__actions.site-keep-learning__actions {
display: grid;
grid-template-columns: 1fr;
width: 100%;
min-width: 0;
margin-top: 18px;
gap: 12px;
}
#bf-public .site-keep-learning__actions > a.split-link-card {
width: 100%;
max-width: none;
margin: 0;
}
#bf-public .site-keep-learning--mobile-contact-only > .site-keep-learning__default-title,
#bf-public .site-keep-learning--mobile-contact-only > .site-keep-learning__default-copy,
#bf-public .site-keep-learning--mobile-contact-only .site-keep-learning__actions > a.site-keep-learning__browse-card {
display: none;
}
#bf-public .site-keep-learning--mobile-contact-only > .site-keep-learning__contact-title,
#bf-public .site-keep-learning--mobile-contact-only > .site-keep-learning__contact-copy {
display: block;
}
}