/* Softfootball HTML site map: newspaper-index style pills. */
.sfh { --sfh-pill: #000000; --sfh-text: #FFFFFF; --sfh-hover: var(--sf-search-button, #8BB453); margin: 36px 0 56px; }
.sfh-sec { margin: 0 0 44px; }
.sfh-h { margin: 0 0 22px; font-size: clamp(30px, 4.2vw, 54px); line-height: 1; font-weight: 900; text-transform: uppercase; letter-spacing: -.01em; }
.sfh-pills { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.sfh-pills li { margin: 0; padding: 0; }
.sfh-pills li::before { content: none; }
.sfh-pill { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 22px; border-radius: 999px; background: var(--sfh-pill); color: var(--sfh-text) !important; font-weight: 700; font-size: 17px; letter-spacing: .02em; text-transform: uppercase; text-decoration: none !important; line-height: 1.1; transition: background .15s, transform .15s; }
a.sfh-pill:hover, a.sfh-pill:focus-visible { background: var(--sfh-hover); transform: translateY(-1px); }
a.sfh-pill:focus-visible { outline: 3px solid var(--sfh-hover); outline-offset: 3px; }
.sfh-pill--fixed { min-width: 92px; padding: 0 12px; }
.sfh-pill--light { background: #F1F3EF; color: #111111 !important; text-transform: none; font-weight: 600; letter-spacing: 0; }
a.sfh-pill--light:hover { background: #E3EAD9; }
.sfh-pill--accent { background: var(--sfh-hover); }
.sfh-pill.is-off { background: #E6E6E6; color: #9A9A9A !important; cursor: default; }
.sfh-n { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 999px; background: rgba(255, 255, 255, .18); font-size: 13px; font-weight: 700; letter-spacing: 0; }
.sfh-pill--light .sfh-n { background: rgba(0, 0, 0, .08); }
.sfh-back { margin: 0 0 18px; }
.sfh-back a { font-weight: 700; text-decoration: none; }
.sfh-pills--nav { margin-bottom: 28px; }
.sfh-pills--nav .sfh-pill { min-height: 40px; min-width: 56px; font-size: 15px; }
.sfh-count { color: #666666; margin: 0 0 12px; }
.sfh-list { margin: 0; padding: 0; list-style: none; columns: 2 320px; column-gap: 40px; }
.sfh-item { break-inside: avoid; margin: 0 0 12px; padding: 0 0 12px; border-bottom: 1px solid #EDEDED; }
.sfh-item::before { content: none; }
.sfh-item a { font-weight: 700; font-size: 17px; text-decoration: none; }
.sfh-item a:hover { text-decoration: underline; }
.sfh-item.is-closed a { color: #777777; }
.sfh-meta { display: block; margin-top: 3px; color: #6B6F69; font-size: 14px; }
.sfh-empty { padding: 24px; background: #F7F7F7; border-radius: 10px; }
@media (max-width: 600px) {
	.sfh-pill { min-height: 40px; padding: 0 16px; font-size: 15px; }
	.sfh-pill--fixed { min-width: 64px; }
	.sfh-pills { gap: 8px; }
}