.mf-hbcu-page .hf-home { background: #090e0b; color: #f6f7f3; }
.hf-home * { box-sizing: border-box; }
.hf-home a { color: inherit; }
.hf-home a:hover { color: #ffd661; }
.hf-home a:focus-visible, .hf-home button:focus-visible, .hf-home input:focus-visible, .hf-home select:focus-visible { outline: 3px solid #ffd661; outline-offset: 3px; }
.hf-home h1, .hf-home h2, .hf-home h3, .hf-home p { margin: 0; }
.hf-home h2 { font-family: "Bebas Neue", Impact, sans-serif; font-size: clamp(1.8rem, 2.5vw, 2.8rem); line-height: 1; }
html:root body.mf-hbcu-page main#main-content.hf-home h3 { font-family: Montserrat, Arial, sans-serif !important; font-size: 1rem !important; font-weight: 800; line-height: 1.3; letter-spacing: 0 !important; }
.hf-home p { color: #d1d9d1; line-height: 1.5; }
.hf-home .mf-hbcu-shell { width: min(100% - 2rem, 86rem); margin-inline: auto; }
.hf-eyebrow { color: #f5c842 !important; font-size: .71rem; font-weight: 800; letter-spacing: 0; text-transform: uppercase; }
.hf-hero { position: relative; min-height: 25rem; isolation: isolate; background: #0b130e; border-bottom: 2px solid #c99b2c; }
body.mf-brand-v2 main#main-content > .hf-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5,10,7,.97) 0%, rgba(5,10,7,.88) 38%, rgba(5,10,7,.35) 76%, rgba(5,10,7,.55) 100%), url('/assets/img/hbcu/grambling-soccer-complex.webp') center 66%/cover no-repeat; }
.hf-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 4px; background: linear-gradient(90deg,#15994b 0 34%,#f5c842 34% 68%,#ce3c39 68%); }
.hf-hero__credit { position: absolute; right: max(1rem, calc((100vw - 86rem)/2)); bottom: .6rem; margin: 0; color: #fff; font-size: .66rem; text-shadow: 0 1px 4px #000; }
.hf-hero__credit a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.hf-hero__inner { min-height: 25rem; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(19rem,.75fr); align-items: center; gap: 2rem; padding-block: 2.5rem; }
.hf-hero__copy { max-width: 49rem; }
html:root body.mf-hbcu-page main#main-content .hf-hero h1 { max-width: none; font-family: "Bebas Neue", Impact, sans-serif; font-size: clamp(4rem, 7.5vw, 8rem) !important; line-height: .9 !important; color: #fff; }
.hf-hero h1 span { color: #f5c842; }
.hf-hero__strap { margin-top: .7rem !important; color: #fff !important; font-size: clamp(1.04rem,1.65vw,1.5rem); font-weight: 800; }
.hf-hero__summary { max-width: 60ch; margin-top: .55rem !important; font-size: .96rem; }
.hf-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem; margin-top: 1.2rem; }
.hf-button { min-height: 2.7rem; display: inline-flex; align-items: center; justify-content: center; gap: .6rem; padding: .55rem .95rem; border: 1px solid #a8a986; border-radius: 3px; color: #fff !important; font-size: .8rem; font-weight: 800; text-decoration: none !important; text-transform: uppercase; }
.hf-button--primary { background: #f5c842; color: #11170f !important; border-color: #f5c842; }
.hf-button:hover { background: #1b2e20; }
.hf-button--primary:hover { color: #11170f !important; background: #ffe185; }
.hf-hero__schools { display: grid; gap: .4rem; width: min(100%, 23rem); justify-self: end; }
.hf-hero__school { min-height: 5rem; display: flex; align-items: center; gap: .8rem; padding: .55rem .8rem; border: 1px solid #5f715f; background: rgba(9,18,12,.88); color: #fff !important; font-weight: 800; text-decoration: none !important; }
.hf-hero__school img { width: 3.4rem; height: 3.4rem; object-fit: contain; }
.hf-quick-nav { border-bottom: 1px solid #52624e; background: #101a12; }
.hf-quick-nav > div { display: flex; align-items: stretch; gap: .2rem; overflow-x: auto; scrollbar-width: thin; }
.hf-quick-nav a { flex: none; min-height: 2.8rem; display: inline-flex; align-items: center; padding: .45rem .7rem; border-bottom: 2px solid transparent; color: #e7ede6; font-size: .79rem; font-weight: 700; text-decoration: none !important; white-space: nowrap; }
.hf-quick-nav a:hover, .hf-quick-nav a:focus-visible { border-bottom-color: #f5c842; }
.hf-section { padding: clamp(1.7rem,3vw,2.6rem) 0; border-bottom: 1px solid #304336; }
.hf-section--dark { background: #101a13; }
.hf-section--feature { background: #19281c; border-top: 3px solid #f5c842; }
.hf-section--close { background: #152118; }
.hf-section__head { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.1rem; }
.hf-section__head h2 { margin: .2rem 0 .3rem; }
.hf-section__head > a, .hf-two-lanes a, .hf-school a, .hf-history a, .hf-match a { color: #f5c842; font-size: .79rem; font-weight: 800; text-decoration: none; }
.hf-section__head > a { flex: none; min-height: 2.75rem; display: inline-flex; align-items: center; }
.hf-segments { display: flex; width: max-content; max-width: 100%; gap: .15rem; overflow-x: auto; margin-bottom: .9rem; border: 1px solid #465749; padding: .15rem; }
.hf-segments button { min-width: 4.5rem; min-height: 2.75rem; flex: none; border: 0; background: transparent; color: #e3e9e3; font: inherit; font-size: .78rem; font-weight: 700; cursor: pointer; }
.hf-segments button.is-active { color: #11170f; background: #f5c842; }
.hf-match-grid, .hf-pulse-grid, .hf-school-grid, .hf-program-grid, .hf-player-grid { display: grid; gap: .55rem; }
.hf-match-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.hf-match, .hf-pulse, .hf-school, .hf-program, .hf-player { min-width: 0; border: 1px solid #405448; background: #111a15; }
.hf-match { padding: .75rem; }
.hf-match__meta, .hf-match__foot { display: flex; justify-content: space-between; gap: .5rem; font-size: .72rem; }
.hf-match__meta span { color: #f5c842; font-weight: 800; }
.hf-match__teams { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .25rem .5rem; margin: .8rem 0; }
.hf-match__team { display: flex; align-items: center; gap: .45rem; min-width: 0; }
.hf-match__team img { width: 1.55rem; height: 1.55rem; object-fit: contain; flex: none; }
.hf-match__teams strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .87rem; }
.hf-match__teams span { font-weight: 800; }
.hf-match__foot { padding-top: .45rem; border-top: 1px solid #405448; }
.hf-match__foot a { min-height: 2.75rem; display: inline-flex; align-items: center; }
.hf-inline-note { margin-top: .75rem !important; font-size: .82rem; }
.hf-inline-note[hidden], .hf-match[hidden], .hf-program[hidden], .hf-player[hidden], .hf-map-list a[hidden] { display: none !important; }
.hf-pulse-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.hf-pulse { min-height: 10rem; padding: .85rem; border-top: 3px solid #d2a130; }
.hf-pulse__masthead { display: flex; align-items: center; gap: .55rem; min-width: 0; }
.hf-pulse__masthead img { width: 2.5rem; height: 2.5rem; object-fit: contain; flex: none; }
.hf-pulse__masthead .hf-eyebrow { margin: 0; overflow-wrap: anywhere; }
.hf-pulse h3 { margin: .65rem 0 .45rem; }
.hf-pulse h3 a { text-decoration: none; }
.hf-pulse p:last-child { font-size: .78rem; }
.hf-school-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.hf-school { padding: .9rem; }
.hf-school__top { display: flex; justify-content: space-between; align-items: start; gap: .4rem; margin-bottom: .5rem; }
.hf-school__top img { width: 4.3rem; height: 4.3rem; object-fit: contain; }
.hf-mark-fallback { display: inline-flex; align-items: center; justify-content: center; width: 3.1rem; height: 3.1rem; flex: none; border: 1px solid #536552; color: #e7d075; font-size: .65rem; font-weight: 800; letter-spacing: 0; }
.hf-school__top .hf-mark-fallback { width: 4.3rem; height: 4.3rem; }
.hf-school__top span { color: #f5c842; font-size: .72rem; font-weight: 800; }
.hf-school__scene { margin: 0 0 .65rem; }
.hf-school__scene img { display: block; width: 100%; aspect-ratio: 16 / 7; object-fit: cover; }
.hf-school__scene figcaption { padding-top: .3rem; color: #c5d3c8; font-size: .67rem; line-height: 1.35; }
.hf-school .hf-school__scene a { display: inline; margin: 0; color: #e8c35b; font-size: inherit; text-decoration: underline; text-underline-offset: .12em; }
.hf-school h3 { margin-bottom: .25rem; }
.hf-school p { font-size: .78rem; }
.hf-school__story { min-height: 2.6rem; margin-top: .65rem; font-weight: 700; }
.hf-school__next { margin-top: .6rem; padding-top: .5rem; border-top: 1px solid #405448; }
.hf-school .hf-school__next a { margin-top: 0; }
.hf-school a { display: inline-block; margin-top: .7rem; }
.hf-school > a, .hf-school__next a { min-height: 2.75rem; display: inline-flex; align-items: center; }
.hf-explorer { display: flex; flex-wrap: wrap; align-items: end; gap: .45rem 1rem; margin-bottom: .9rem; }
.hf-explorer label { width: 100%; color: #e7ede6; font-size: .75rem; font-weight: 800; }
.hf-explorer input { min-height: 2.7rem; min-width: min(12rem,100%); flex: 1 1 12rem; padding: .5rem .65rem; border: 1px solid #687668; border-radius: 3px; background: #0c130e; color: #fff; font: inherit; }
.hf-explorer .hf-segments { margin: 0; }
.hf-explorer label.hf-explorer__select { display: grid; gap: .2rem; width: min(11rem,100%); }
.hf-explorer select { min-height: 2.7rem; width: 100%; padding: .5rem .65rem; border: 1px solid #687668; border-radius: 3px; background: #0c130e; color: #fff; font: inherit; font-size: .8rem; }
.hf-explorer .mf-polish-filter-feedback { order: 2; width: 100%; margin: 0 !important; font-size: .72rem; }
.hf-program-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.hf-program { display: flex; gap: .75rem; align-items: center; padding: .7rem; }
.hf-program__mark { width: 3.5rem; flex: none; }
.hf-program__mark img { width: 3.1rem; height: 3.1rem; object-fit: contain; }
.hf-program h3 { margin: .15rem 0; }
.hf-program h3 a { text-decoration: none; }
.hf-program p:last-child { font-size: .72rem; }
.hf-player-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.hf-player { padding: .85rem; }
html:root body.mf-hbcu-page main#main-content .hf-player h3 { margin: .4rem 0; font-size: 1.1rem !important; }
.hf-player__bio { min-height: 2.65rem; color: #c6d2c9; font-size: .8rem; line-height: 1.4; }
.hf-player p strong { color: #f5c842; font-size: 1.2rem; }
.hf-player a { display: inline-block; margin-top: .6rem; color: #f5c842; font-size: .78rem; font-weight: 800; text-decoration: none; }
.hf-player__links { display: flex; flex-wrap: wrap; gap: 0 .9rem; }
.hf-player__links a { min-height: 2.75rem; display: inline-flex; align-items: center; }
.hf-map-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(14rem,.32fr); gap: .6rem; }
.hf-map { min-height: 20rem; background: #14201b; border: 1px solid #526254; }
.hf-map-list { display: grid; align-content: start; gap: .3rem; }
.hf-map-list a { min-height: 3.6rem; display: grid; gap: .12rem; padding: .5rem .75rem; text-align: left; border: 1px solid #4c604e; background: #121c15; color: #fff; font: inherit; text-decoration: none; }
.hf-map-list a.is-active { border-color: #f5c842; }
.hf-map-list a span { color: #b9c5b9; font-size: .75rem; }
.hf-map-popup { min-width: 10rem; line-height: 1.45; }
.hf-map-popup img { width: 2.5rem; height: 2.5rem; object-fit: contain; float: left; margin: 0 .5rem .25rem 0; }
.hf-map-popup a { display: inline-block; margin-top: .35rem; }
.hf-two-lanes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.2rem; }
.hf-two-lanes > div { padding: .25rem 1rem .3rem 0; }
.hf-two-lanes > div + div { border-left: 1px solid #53604d; padding-left: 1.2rem; }
.hf-two-lanes h2 { margin: .3rem 0 .6rem; }
.hf-two-lanes p { max-width: 55ch; margin-bottom: .65rem; font-size: .88rem; }
.hf-two-lanes strong { display: block; color: #f5c842; margin-bottom: .6rem; }
.hf-two-lanes a { display: inline-block; margin: 0 1rem .25rem 0; }
.hf-global-roots { display: grid; gap: .35rem; margin: .6rem 0 .8rem; }
.hf-global-roots article { display: flex; justify-content: space-between; gap: .6rem; padding: .6rem 0; border-top: 1px solid #53604d; }
.hf-global-roots article > div { min-width: 0; }
.hf-global-roots .hf-eyebrow { margin: 0 0 .12rem; font-size: .64rem; }
.hf-global-roots h3 { margin: 0 0 .15rem; }
.hf-global-roots article p { margin: 0; font-size: .75rem; }
.hf-global-roots__links { display: grid; align-content: start; flex: none; text-align: right; }
.hf-global-roots__links span { color: #f5c842; font-size: .72rem; font-weight: 800; }
.hf-two-lanes .hf-global-roots__links a { margin: 0; }
.hf-local-teams { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; margin: .9rem 0; }
.hf-local-team { min-width: 0; padding: .8rem 0 .25rem; border-top: 1px solid #53604d; }
.hf-local-team h3 { margin: 0 0 .45rem; font-size: 1.15rem; }
.hf-local-team p { margin-bottom: .55rem; font-size: .76rem; line-height: 1.45; }
.hf-local-team p span { color: #b8c9bc; }
.hf-local-team strong { margin: .2rem 0 0; color: #f5c842; font-size: .83rem; overflow-wrap: anywhere; }
.hf-local-team__links { display: flex; flex-wrap: wrap; gap: .2rem .65rem; }
.hf-local-team__links a { margin: 0; font-size: .73rem; }
.hf-standings-wrap { width: 100%; overflow-x: auto; margin-top: .8rem; }
.hf-standings { width: 100%; border-collapse: collapse; font-size: .76rem; }
.hf-standings caption { padding: .5rem 0; text-align: left; color: #f5c842; font-weight: 800; }
.hf-standings th, .hf-standings td { padding: .38rem .4rem; border-bottom: 1px solid #435747; text-align: left; white-space: nowrap; }
.hf-standings td { text-align: right; font-variant-numeric: tabular-nums; }
.hf-standings a { margin: 0; }
.hf-men-list { display: grid; gap: .35rem; margin: .8rem 0; }
.hf-men-team { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); gap: .2rem .8rem; padding: .55rem 0; border-top: 1px solid #435747; }
.hf-men-team h3 { margin: 0; font-size: .88rem; }
.hf-men-team h3 a { margin: 0; }
.hf-men-team p { margin: .12rem 0; font-size: .72rem; }
.hf-men-team__match { display: grid; align-content: center; min-width: 0; }
.hf-men-team__match span { color: #b8c9bc; }
.hf-men-team__match b { overflow-wrap: anywhere; }
.hf-men-team__links { grid-column: 1 / -1; }
.hf-men-team__links a { margin-bottom: 0; }
.hf-future-list { display: grid; gap: .8rem; }
.hf-future-list article { border-top: 1px solid #435747; padding-top: .65rem; }
.hf-future-list h3 { margin: .2rem 0; }
.hf-story-list { display: grid; gap: .7rem; margin: .75rem 0; }
.hf-story-list article { display: flex; align-items: flex-start; gap: .7rem; padding-top: .7rem; border-top: 1px solid #435747; }
.hf-story-list article > img { flex: 0 0 3rem; width: 3rem; height: 3rem; object-fit: contain; }
.hf-story-list .hf-story-list__report > img { flex-basis: 5.5rem; width: 5.5rem; height: 4.5rem; object-fit: cover; }
.hf-story-list article > div { min-width: 0; }
.hf-story-list .hf-eyebrow { margin: 0 0 .2rem; font-size: .63rem; }
.hf-story-list h3 { margin: 0 0 .25rem; font-size: .95rem; line-height: 1.25; overflow-wrap: anywhere; }
.hf-story-list p:not(.hf-eyebrow) { margin: 0; font-size: .76rem; line-height: 1.4; }
.hf-story-list .hf-story-list__source { margin: .35rem 0 0; font-size: .71rem; }
.hf-history { display: grid; gap: 0; border-top: 1px solid #465b48; }
.hf-history article { display: grid; grid-template-columns: 8rem minmax(0,1fr); gap: 1rem; padding: .9rem 0; border-bottom: 1px solid #465b48; }
.hf-history time { color: #f5c842; font-size: .76rem; font-weight: 800; }
.hf-history details { min-width: 0; }
.hf-history summary { display: flex; flex-direction: column; gap: .12rem; cursor: pointer; list-style: none; padding-right: 2rem; position: relative; }
.hf-history summary::-webkit-details-marker { display: none; }
.hf-history summary::after { content: '+'; position: absolute; right: .15rem; top: .1rem; color: #f5c842; font-size: 1.25rem; line-height: 1; }
.hf-history details[open] summary::after { content: '-'; }
.hf-history summary:focus-visible { outline: 2px solid #f5c842; outline-offset: 3px; }
.hf-history summary strong { font-size: 1.02rem; line-height: 1.25; overflow-wrap: anywhere; }
.hf-history__context { padding: .35rem 2rem .15rem 0; }
.hf-history__context a { min-height: 2.75rem; display: inline-flex; align-items: center; }
.hf-history p:not(.hf-eyebrow) { margin: 0; font-size: .83rem; }
.hf-history a { display: inline-block; margin-top: .4rem; }
.hf-media-lanes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem; border-top: 1px solid #52624e; padding-top: 1rem; }
.hf-media-lanes > div { min-width: 0; }
.hf-media-lanes > div + div { border-left: 1px solid #52624e; padding-left: 1.5rem; }
.hf-media-lanes h3 { margin: .2rem 0 .4rem; }
.hf-media-lanes p:not(.hf-eyebrow) { max-width: 58ch; font-size: .84rem; }
.hf-media-lanes a { display: inline-block; margin-top: .6rem; color: #f5c842; font-size: .8rem; font-weight: 800; text-decoration: none; }
.hf-media-lanes small { display: block; }
.hf-media-lanes small a { color: #c6d0c4; font-size: .7rem; font-weight: 600; text-decoration: underline; }
.hf-feature { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(18rem,.7fr); align-items: center; gap: clamp(1.2rem,3vw,2.5rem); }
.hf-feature__body { min-width: 0; }
.hf-feature h2 { margin: .4rem 0 .6rem; }
.hf-feature__visual { min-width: 0; margin: 0; }
.hf-feature__visual img { display: block; width: 100%; height: auto; aspect-ratio: 960 / 659; object-fit: cover; border: 1px solid #6b7655; }
.hf-feature__visual figcaption { margin-top: .35rem; color: #c2cdc0; font-size: .65rem; line-height: 1.4; }
.hf-feature__visual a { color: #f5c842; text-decoration: underline; text-underline-offset: .12em; }
html:root body.mf-hbcu-page .hf-feature__visual figcaption a { color: #f5c842; text-decoration: underline; text-underline-offset: .12em; }
.hf-feature__details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem 1.5rem; margin: .85rem 0; }
.hf-feature__details p { margin: 0; padding-top: .55rem; border-top: 1px solid #526047; font-size: .83rem; }
.hf-feature__details strong { color: #f5c842; }
.hf-feature__sources { margin-top: .8rem; font-size: .72rem; color: #b8c9bc; }
.hf-feature__sources a { margin: 0; }
.hf-section--close .mf-hbcu-shell { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.hf-section--close h2 { margin-top: .3rem; }
.hf-section--close .hf-actions { margin: 0; }
@media (max-width: 960px) { .hf-match-grid, .hf-program-grid, .hf-school-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .hf-pulse-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .hf-hero__inner { grid-template-columns: 1fr; } .hf-hero__schools { display: flex; width: 100%; justify-self: start; } .hf-hero__school { min-width: 0; flex: 1; font-size: .75rem; } }
@media (max-width: 640px) { .hf-home .mf-hbcu-shell { width: min(100% - 1.25rem, 86rem); } .hf-hero, .hf-hero__inner { min-height: 0; } .hf-hero__inner { padding-block: 2rem 1.1rem; gap: 1.4rem; } html:root body.mf-hbcu-page main#main-content .hf-hero h1 { font-size: clamp(3.8rem,15vw,5.4rem) !important; } .hf-hero__schools { overflow-x: auto; } .hf-hero__school { flex: 0 0 9.5rem; padding: .4rem; } .hf-hero__school img { width: 2.5rem; height: 2.5rem; } .hf-section__head { align-items: start; } .hf-section__head > a { max-width: 8rem; text-align: right; font-size: .72rem; } .hf-match-grid, .hf-pulse-grid, .hf-program-grid, .hf-school-grid, .hf-player-grid, .hf-two-lanes, .hf-map-layout, .hf-feature, .hf-media-lanes { grid-template-columns: 1fr; } .hf-two-lanes > div + div, .hf-media-lanes > div + div { border-left: 0; border-top: 1px solid #53604d; padding: 1rem 0 0; } .hf-map { min-height: 18rem; } .hf-map-list { grid-template-columns: repeat(2,minmax(0,1fr)); } .hf-history article { grid-template-columns: 1fr; gap: .2rem; } .hf-section--close .mf-hbcu-shell { display: block; } .hf-section--close .hf-actions { margin-top: 1rem; } }
@media (max-width: 640px) { .hf-feature__details { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .hf-local-teams { grid-template-columns: 1fr; } }
@media (max-width: 640px) { body.mf-brand-v2 main#main-content > .hf-hero::before { background-position: 64% center; background-image: linear-gradient(90deg, rgba(5,10,7,.9), rgba(5,10,7,.7)), url('/assets/img/hbcu/grambling-soccer-complex.webp'); } .hf-hero__credit { position: static; margin: -.55rem .75rem .65rem; text-align: right; } }
@media (max-width: 440px) { .hf-men-team { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .hf-home *, .hf-home *::before, .hf-home *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }