.content-page { margin: 0 0 44px; min-width: 0; }
.content-page [hidden] { display: none !important; }
.content-page .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.content-toolbar { display: flex; align-items: stretch; gap: 11px; padding: 15px; margin-bottom: 21px; background: linear-gradient(115deg,#1a1b1f,#121419); border: 1px solid #3b352a; border-radius: 12px; }
.content-search { display: flex; align-items: center; flex: 1 1 240px; min-width: 0; gap: 11px; padding: 0 13px; background: #0d0f13; border: 1px solid #393a40; border-radius: 8px; }
.content-search > svg { width: 19px; height: 19px; color: #b89b62; flex-shrink: 0; }
.content-search input { width: 100%; min-width: 0; height: 45px; padding: 8px 0; border: 0; outline: none; background: transparent; color: #f0ede5; font: inherit; font-size: 14px; }
.content-search input::placeholder { color: #81858e; opacity: 1; }
.content-search:focus-within { border-color: #c6a35d; outline: 1px solid #c6a35d; outline-offset: 1px; }
.content-select { display: flex; min-width: 0; flex: 0 1 270px; }
.content-select select { max-width: 100%; min-width: 0; width: 100%; padding: 10px 32px 10px 12px; background: #0d0f13; border: 1px solid #393a40; border-radius: 8px; color: #d6c8ae; font: inherit; font-size: 13px; text-overflow: ellipsis; }
.tips-league-filter { width: 100%; max-width: 320px; margin-bottom: 16px; }
.tips-league-filter .content-select { width: 100%; }
.tips-league-filter select { min-height: 44px; border-color: #51432e; background-color: #151515; color: #dfc38c; font-size: 14px; }
.content-reset { border: 1px solid #4c4434; border-radius: 8px; color: #d7bb82; background: #d0ac6508; padding: 10px 15px; font: inherit; font-size: 12px; cursor: pointer; white-space: nowrap; }
.content-reset:hover { background: #d0ac6514; border-color: #9e824c; }
.content-reset:focus-visible, .content-select select:focus-visible, .news-card-link:focus-visible { outline: 2px solid #e5c37b; outline-offset: 4px; }
.content-list-meta { display: flex; justify-content: space-between; align-items: center; min-width: 0; gap: 15px; margin: 0 0 20px; padding: 13px 16px; color: #d5cfc3; font-size: 14px; border: 1px solid #4a3c2b; border-left: 3px solid #9e3543; border-radius: 11px; background: linear-gradient(110deg,#251f1a 0,#17181d 68%); }
.content-list-meta p { display: flex; align-items: center; flex: 1; min-width: 0; gap: 10px; margin: 0; line-height: 1.75; overflow-wrap: anywhere; }
.content-list-meta > span { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; gap: 6px; min-width: 76px; padding: 6px 12px; border: 1px solid #9b783844; border-radius: 8px; background: #d0ab650e; color: #bba77f; font-size: 11px; white-space: nowrap; }
.content-list-meta strong { color: #ecd095; font-size: 24px; font-weight: 600; line-height: 1.3; font-variant-numeric: tabular-nums; }
.content-indicator { display: inline-block; width: 6px; height: 6px; background: #c05a66; border-radius: 50%; box-shadow: 0 0 0 4px #ba405112; flex-shrink: 0; }
.tips-leagues { display: flex; flex-direction: column; gap: 27px; }
.tips-league { min-width: 0; }
.tips-league-heading { display: flex; align-items: center; min-width: 0; gap: 12px; padding: 13px 15px; margin-bottom: 12px; border: 1px solid #51432f; border-left: 3px solid #b58e4f; border-radius: 11px; background: linear-gradient(110deg,#29231a 0,#1a1a1d 72%); }
.tips-league-icon { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid #a7834559; background: linear-gradient(145deg,#bd975727,#bd975709); color: #e0bd7b; flex-shrink: 0; }
.tips-league-icon svg { width: 21px; height: 21px; }
.tips-league-heading > div { flex: 1; min-width: 0; }
.tips-league-heading h2 { margin: 0; color: #eee2c8; font-size: 15px; font-weight: 600; line-height: 1.7; overflow-wrap: anywhere; }
.tips-league-heading p { margin: 3px 0 0; color: #a99d84; font-size: 11px; }
.tips-league-count { flex-shrink: 0; padding: 5px 9px; border-radius: 6px; border: 1px solid #92713d55; color: #ddc18b; background: #d2ac600d; font-size: 11px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.tips-list { display: flex; flex-direction: column; gap: 12px; }
.tip-card { display: grid; grid-template-columns: 76px minmax(0,1.12fr) 90px minmax(0,1fr); gap: 20px; align-items: center; min-width: 0; padding: 20px; border: 1px solid #3d3830; border-radius: 12px; background: linear-gradient(110deg,#1d1b18 0,#15171c 42%,#14161a 100%); box-shadow: 0 4px 14px #00000014; }
.tip-card:hover { border-color: #6a5535; }
.tip-time { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.tip-time svg { display: none; }
.tip-time strong { color: #e0d2b5; font-family: 'Barlow Condensed',Tahoma,sans-serif; font-size: 23px; font-weight: 600; line-height: 1.3; letter-spacing: .4px; font-variant-numeric: tabular-nums; }
.tip-time > span { color: #6d7582; font-size: 9px; }
.tip-matchup { min-width: 0; display: flex; flex-direction: column; gap: 9px; }
.tip-team { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 9px; min-width: 0; }
.tip-team-side { min-width: 25px; color: #6f7885; font-size: 9px; }
.tip-team > strong { color: #e0e0e3; font-size: 14px; font-weight: 500; line-height: 1.7; overflow-wrap: anywhere; }
.tip-team.is-favorite > strong { color: #e5c685; font-weight: 600; }
.favorite-badge { display: inline-block; white-space: nowrap; padding: 1px 5px; border: 1px solid #a7803747; border-radius: 4px; background: #b58c3b12; color: #ccab69; font-size: 8px; line-height: 1.7; }
.tip-odds { border: 1px solid #4b3f2d; border-radius: 8px; background: #b789300b; min-height: 47px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 7px; }
.tip-odds > span { color: #9f8d6c; font-size: 9px; line-height: 1.3; }
.tip-odds > strong { margin-top: 3px; color: #e4c582; font-size: 15px; font-weight: 600; text-align: center; overflow-wrap: anywhere; }
.tip-opinion { min-width: 0; padding-left: 17px; border-left: 1px solid #3e35254d; }
.tip-opinion-label { color: #cf9d65; font-size: 9px; display: block; margin-bottom: 4px; }
.tip-opinion p { margin: 0; color: #c7bda9; font-size: 14px; line-height: 1.85; overflow-wrap: anywhere; }
.tip-opinion p.tip-pending { color: #79818e; }
.tip-tv { display: flex; align-items: center; gap: 6px; margin-top: 7px; color: #777f8c; font-size: 10px; overflow-wrap: anywhere; }
.tip-tv svg { width: 12px; height: 12px; flex-shrink: 0; }
.content-footnote { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 15px 18px; border: 1px solid #c6a15a22; border-radius: 10px; background: #c6a15a06; }
.content-note-icon { color: #b09a70; margin-top: 2px; flex-shrink: 0; }
.content-note-icon svg { width: 18px; height: 18px; }
.content-footnote p { margin: 0; color: #959088; font-size: 11px; line-height: 1.85; }
.content-empty { padding: 52px 24px; border: 1px solid #39342c; border-radius: 14px; background: radial-gradient(ellipse at 50% 0,#d0a14b0c,transparent 75%),#121419; text-align: center; }
.content-empty > svg { width: 37px; height: 37px; color: #bba16d; margin-bottom: 14px; }
.content-empty h2 { margin: 0; font-size: 20px; line-height: 1.6; color: #e4d4b5; }
.content-empty p { margin: 10px auto 20px; max-width: 460px; font-size: 13px; line-height: 1.9; color: #9298a2; }
.content-empty[data-content-empty] { margin-top: 16px; }
.content-guide { min-width: 0; margin-top: 28px; padding: 25px 28px; border: 1px solid #453a2b; border-radius: 14px; background: radial-gradient(ellipse at 0 0,#c6a15a0c,transparent 64%),#131519; }
.content-guide-heading { padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #c5a25c26; }
.content-guide-heading .eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 8px; color: #c7a66e; font-size: 11px; font-weight: 500; letter-spacing: .2px; }
.content-guide-heading .eyebrow::before { content: ''; display: block; width: 5px; height: 15px; border-radius: 2px; background: #ae3747; }
.content-guide-heading h2 { margin: 0; color: #e8d8b4; font-size: 23px; font-weight: 600; line-height: 1.6; overflow-wrap: anywhere; }
.content-guide-heading p { margin: 11px 0 0; color: #aeb0b6; font-size: 15px; line-height: 1.95; overflow-wrap: anywhere; }
.content-guide-body { min-width: 0; color: #aeb0b6; font-size: 15px; line-height: 1.95; overflow-wrap: anywhere; }
.content-guide-body h3 { margin: 23px 0 8px; color: #dfc793; font-size: 17px; font-weight: 600; line-height: 1.75; }
.content-guide-body p { margin: 0 0 14px; }
.content-guide-body > :first-child { margin-top: 0; }
.content-guide-body > :last-child { margin-bottom: 0; }
.content-guide-body strong { color: #dcd5c8; font-weight: 600; }
.content-guide a { color: #e0bf7d; text-decoration: underline; text-underline-offset: 3px; }
.content-guide a:hover { color: #f3dcae; }
.content-guide a:focus-visible { outline: 2px solid #e5c37b; outline-offset: 4px; border-radius: 2px; }
.news-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.news-card { min-width: 0; background: #14161b; border: 1px solid #343333; border-radius: 12px; overflow: hidden; transition: border-color .2s,transform .2s; }
.news-card:hover { border-color: #887044; transform: translateY(-3px); }
.news-card-link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
.news-media { position: relative; overflow: hidden; aspect-ratio: 16/9; background: radial-gradient(ellipse at 30% 20%,#7a532a40,transparent 80%),#191a20; flex-shrink: 0; }
.news-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s; }
.news-card:hover .news-media img { transform: scale(1.035); }
.news-image-placeholder { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; color: #9e865a; }
.news-image-placeholder > svg { width: 42px; height: 42px; opacity: .55; }
.news-image-placeholder > span { font-family: 'Barlow Condensed',sans-serif; font-size: 14px; letter-spacing: 3px; opacity: .6; }
.news-featured-tag { position: absolute; left: 16px; top: 16px; background: #9f2636e8; color: #ffe7e7; padding: 5px 10px; border: 1px solid #f7828e40; border-radius: 5px; font-size: 10px; }
.news-copy { display: flex; flex-direction: column; flex: 1; padding: 20px; min-width: 0; }
.news-category { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 11px; font-size: 10px; color: #8d939e; }
.news-category > span { color: #cbb177; }
.news-copy h2 { color: #eae7df; font-size: 17px; font-weight: 600; line-height: 1.8; margin: 0 0 11px; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.news-summary { margin: 0 0 20px; color: #999da6; font-size: 13px; line-height: 1.9; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.news-readmore { display: flex; align-items: center; gap: 8px; padding-top: 15px; margin-top: auto; border-top: 1px solid #ffffff0b; color: #d6b878; font-size: 11px; }
.news-readmore svg { width: 16px; height: 16px; transition: transform .2s; }
.news-card:hover .news-readmore svg { transform: translateX(3px); }
.news-card.is-featured { grid-column: span 2; }
.news-card.is-featured .news-card-link { display: grid; grid-template-columns: 1.04fr 1fr; }
.news-card.is-featured .news-media { aspect-ratio: auto; height: 100%; min-height: 360px; }
.news-card.is-featured .news-copy { justify-content: center; padding: 25px; }
.news-card.is-featured h2 { font-size: 23px; line-height: 1.7; -webkit-line-clamp: 5; }
.news-card.is-featured .news-summary { -webkit-line-clamp: 4; }
.news-card.is-featured .news-readmore { margin-top: 10px; }
.highlight-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; border: 1px solid #40362a; border-bottom: 0; border-radius: 12px 12px 0 0; background: linear-gradient(110deg,#251f17,#15161a); }
.highlight-heading > div { display: flex; align-items: center; gap: 11px; }
.highlight-heading h2 { margin: 0; color: #e3d3b4; font-size: 15px; font-weight: 500; line-height: 1.65; }
.highlight-play { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 29px; height: 29px; background: #b92c421c; border: 1px solid #b6525944; color: #e67e8b; border-radius: 7px; }
.highlight-play svg { width: 14px; height: 14px; }
.highlight-heading > a { display: inline-flex; align-items: center; gap: 7px; color: #a59473; font-size: 11px; white-space: nowrap; }
.highlight-heading > a:hover { color: #e0c68e; }
.highlight-heading > a svg { width: 14px; height: 14px; }
.highlight-frame-shell { position: relative; background: #000; border: 1px solid #40362a; border-radius: 0 0 12px 12px; overflow: hidden; min-height: 900px; }
.highlight-frame-shell iframe { display: block; width: 100%; max-width: 100%; height: 1200px; border: 0; background: #000; }
.highlight-loading { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 15px; position: absolute; inset: 0 0 auto; min-height: 220px; background: #000; color: #cbbb9b; font-size: 14px; z-index: 1; pointer-events: none; }
.content-spinner { display: block; width: 28px; height: 28px; border: 2px solid #bc97432c; border-top-color: #d9b86c; border-radius: 50%; animation: content-loading-spin .9s linear infinite; }
@keyframes content-loading-spin { to { transform: rotate(360deg); } }
.highlight-fallback { position: absolute; top: 24px; left: 24px; right: 24px; z-index: 2; padding: 28px 20px; text-align: center; border: 1px solid #6d5738; border-radius: 12px; background: #151515f5; box-shadow: 0 14px 40px #0009; }
.highlight-fallback-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; background: #d0ac6510; border: 1px solid #8f713544; border-radius: 50%; color: #d9b66d; margin-bottom: 13px; }
.highlight-fallback-icon svg { width: 18px; height: 18px; }
.highlight-fallback h3 { font-size: 18px; color: #e4d1ad; margin: 0; }
.highlight-fallback p { margin: 8px 0 20px; color: #9c9a96; font-size: 13px; }
.highlight-fallback > div { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
.highlight-noscript { color: #a9a092; font-size: 13px; margin-top: 14px; }
.highlight-noscript a { color: #d7b972; text-decoration: underline; }
@media (max-width: 1100px) {
  .tip-card { grid-template-columns: 65px minmax(0,1fr) 78px minmax(0,1fr); gap: 15px; }
  .tip-card { padding: 18px; }
  .news-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }
  .news-card.is-featured .news-card-link { grid-template-columns: 1.05fr 1fr; }
  .news-card.is-featured .news-media { aspect-ratio: auto; min-height: 320px; height: 100%; }
  .news-card.is-featured h2 { font-size: 21px; -webkit-line-clamp: 3; }
  .news-card.is-featured .news-copy { padding: 22px; }
}
@media (max-width: 800px) {
  .tips-league-filter { max-width: none; }
  .content-toolbar { flex-wrap: wrap; padding: 12px; gap: 10px; }
  .content-search { flex-basis: 100%; }
  .content-select { flex: 1; }
  .content-reset { min-height: 42px; }
  .tip-card { grid-template-columns: 65px minmax(0,1fr) 72px; gap: 13px; padding: 18px; }
  .tip-opinion { grid-column: 2 / 4; padding: 10px 0 0; border-left: 0; border-top: 1px solid #ffffff08; }
  .tip-opinion-label { display: inline; margin-right: 7px; }
  .tip-opinion p { display: inline; font-size: 14px; }
  .tip-tv { margin-top: 6px; }
  .tip-team > strong { font-size: 14px; }
  .news-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .news-card.is-featured .news-card-link { grid-template-columns: 1.05fr 1fr; }
  .news-card.is-featured .news-media { height: 100%; aspect-ratio: auto; min-height: 300px; }
  .news-card.is-featured .news-copy { padding: 22px; }
  .news-card.is-featured h2 { font-size: 21px; -webkit-line-clamp: 4; }
  .news-copy { padding: 18px; }
  .news-summary { font-size: 14px; }
}
@media (max-width: 580px) {
  .content-page { margin-bottom: 30px; }
  .content-toolbar { padding: 10px; margin-bottom: 17px; border-radius: 10px; }
  .content-search { padding: 0 11px; }
  .content-search input, .content-select select { font-size: 16px; }
  .content-select select { font-size: 14px; }
  .content-reset { padding-left: 12px; padding-right: 12px; font-size: 11px; }
  .content-list-meta { font-size: 13px; gap: 10px; padding: 12px; margin-bottom: 17px; border-radius: 10px; }
  .content-list-meta p { gap: 9px; }
  .content-list-meta > span { min-width: 64px; gap: 5px; padding: 6px 9px; font-size: 10px; }
  .content-list-meta strong { font-size: 23px; }
  .tips-leagues { gap: 23px; }
  .tips-league-heading { padding: 11px 12px; gap: 10px; margin-bottom: 10px; border-radius: 10px; }
  .tips-league-icon { width: 32px; height: 32px; }
  .tips-league-icon svg { width: 18px; height: 18px; }
  .tips-league-heading h2 { font-size: 14px; line-height: 1.75; }
  .tips-league-heading p { font-size: 10px; margin-top: 2px; }
  .tips-league-count { padding: 4px 7px; font-size: 10px; }
  .tips-list { gap: 10px; }
  .tip-card { grid-template-columns: minmax(0,1fr) 67px; gap: 12px; padding: 14px; border-radius: 10px; }
  .tip-time { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 7px; padding-bottom: 8px; border-bottom: 1px solid #ffffff07; }
  .tip-time svg { display: block; width: 13px; height: 13px; color: #98835c; }
  .tip-time strong { font-size: 19px; }
  .tip-time > span { font-size: 10px; margin-left: 2px; }
  .tip-matchup { gap: 8px; }
  .tip-team { gap: 4px 7px; }
  .tip-team > strong { font-size: 14px; }
  .tip-team-side { min-width: 23px; font-size: 9px; }
  .favorite-badge { font-size: 8px; }
  .tip-odds { padding: 8px 4px; }
  .tip-odds > strong { font-size: 14px; }
  .tip-opinion { grid-column: 1 / -1; padding-top: 11px; }
  .tip-opinion-label { font-size: 10px; }
  .tip-opinion p { font-size: 14px; line-height: 1.9; }
  .tip-tv { font-size: 11px; }
  .content-footnote { padding: 12px 14px; gap: 9px; margin-top: 17px; }
  .content-footnote p { font-size: 11px; }
  .content-empty { padding: 36px 20px; }
  .content-empty h2 { font-size: 18px; }
  .content-empty p { font-size: 14px; }
  .content-guide { margin-top: 22px; padding: 19px 17px; border-radius: 11px; }
  .content-guide-heading { padding-bottom: 15px; margin-bottom: 15px; }
  .content-guide-heading .eyebrow { font-size: 10px; margin-bottom: 7px; }
  .content-guide-heading h2 { font-size: 20px; line-height: 1.7; }
  .content-guide-heading p { margin-top: 9px; font-size: 14px; }
  .content-guide-body { font-size: 14px; }
  .content-guide-body h3 { margin-top: 20px; font-size: 16px; }
  .content-guide-body p { margin-bottom: 12px; }
  .news-grid { grid-template-columns: 1fr; gap: 18px; }
  .news-card.is-featured { grid-column: auto; }
  .news-card.is-featured .news-card-link { display: flex; }
  .news-card.is-featured .news-media { aspect-ratio: 16/9; min-height: 0; height: auto; }
  .news-card.is-featured .news-copy, .news-copy { padding: 19px; }
  .news-card.is-featured h2, .news-copy h2 { font-size: 18px; line-height: 1.85; -webkit-line-clamp: 4; }
  .news-summary, .news-card.is-featured .news-summary { font-size: 14px; -webkit-line-clamp: 3; }
  .news-category { font-size: 11px; }
  .news-readmore { font-size: 12px; }
  .highlight-heading { align-items: flex-start; flex-direction: column; gap: 9px; padding: 14px 15px; }
  .highlight-heading h2 { font-size: 14px; }
  .highlight-heading > a { align-self: flex-end; font-size: 11px; }
  .highlight-frame-shell iframe { height: 1100px; }
  .highlight-loading { min-height: 195px; font-size: 14px; }
  .highlight-fallback { top: 15px; left: 12px; right: 12px; padding: 24px 16px; }
  .highlight-fallback p { font-size: 14px; }
  .highlight-fallback > div { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .news-card, .news-media img, .news-readmore svg { transition: none; }
}