*{box-sizing:border-box}body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background-color: #0a0f1d; color: #f1f5f9; margin: 0; padding: 0; line-height: 1.5; } a { color: #00f0ff; text-decoration: none; } a:hover { text-decoration: underline; } #main { display: grid; grid-template-columns: 1fr; gap: 20px; max-width: 1400px; margin: 0 auto; padding: 15px; } [data-region='masthead'] { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; background: #161f38; border-bottom: 2px solid #00f0ff; border-radius: 8px; } .logo { font-size: 1.5rem; font-weight: bold; color: #00f0ff; text-transform: uppercase; letter-spacing: 1px; } .desktop-nav { display: flex; gap: 20px; } .desktop-nav a { font-weight: 600; color: #94a3b8; padding: 8px 12px; border-radius: 4px; transition: 0.3s; } .desktop-nav a.active, .desktop-nav a:hover { color: #00f0ff; background: rgba(0, 240, 255, 0.1); } .mobile-nav { display: none; } .layout-container { display: grid; grid-template-columns: 1fr; gap: 20px; } @media (min-width: 992px) { .layout-container { grid-template-columns: 2.5fr 1fr; } } @media (max-width: 991px) { .desktop-nav { display: none; } .mobile-nav { display: block; position: relative; } .mobile-nav summary { list-style: none; padding: 8px 15px; background: #202b4c; border-radius: 4px; cursor: pointer; color: #00f0ff; text-align: center; font-weight: bold; } .mobile-menu-links { display: flex; flex-direction: column; gap: 10px; background: #161f38; padding: 15px; border: 1px solid #00f0ff; position: absolute; right: 0; top: 40px; z-index: 100; width: 200px; border-radius: 4px; } } [data-region='primary'] { background: #111827; border-radius: 8px; padding: 20px; border: 1px solid #1e293b; } [data-region='primary'] h1 { font-size: 1.8rem; margin-top: 0; color: #ffffff; border-left: 4px solid #10b981; padding-left: 10px; margin-bottom: 20px; } [data-region='secondary'] { background: #161f38; border-radius: 8px; padding: 20px; border-top: 4px solid #10b981; } [data-region='secondary'] h2 { font-size: 1.3rem; margin-top: 0; color: #10b981; margin-bottom: 15px; } .matrix-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; background: #0f172a; border-radius: 6px; overflow: hidden; } .matrix-table th { background: #1e293b; color: #00f0ff; text-align: left; padding: 12px; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.5px; } .matrix-table td { padding: 12px; border-bottom: 1px solid #1e293b; font-size: 0.9rem; } .matrix-table tr:hover { background: #1e293b; } .indexed-list { display: flex; flex-direction: column; gap: 15px; } .index-item { display: grid; grid-template-columns: auto 1fr; gap: 15px; background: #1e293b; padding: 15px; border-radius: 6px; border-left: 4px solid #00f0ff; } .index-num { font-size: 1.8rem; font-weight: 800; color: rgba(0, 240, 255, 0.3); line-height: 1; } .index-content h2 { font-size: 1.1rem; margin: 0 0 5px 0; } .index-content p { font-size: 0.85rem; color: #94a3b8; margin: 0; } .article-meta { font-size: 0.85rem; color: #94a3b8; margin-bottom: 20px; display: flex; gap: 15px; border-bottom: 1px solid #1e293b; padding-bottom: 10px; } .article-body p { line-height: 1.7; margin-bottom: 15px; font-size: 1rem; color: #e2e8f0; } .article-body blockquote { border-left: 4px solid #00f0ff; background: #161f38; margin: 20px 0; padding: 15px; font-style: italic; color: #cbd5e1; } .news-item, .stat-card, .related-post { background: #1e293b; padding: 12px; border-radius: 6px; margin-bottom: 15px; } .news-item time { font-size: 0.75rem; color: #00f0ff; font-weight: bold; } .news-item h3, .stat-card h3, .related-post h3 { font-size: 1rem; margin: 5px 0; color: #ffffff; } .news-item p, .stat-card p, .related-post p { font-size: 0.8rem; color: #94a3b8; margin: 0; } [data-region='footer'] { text-align: center; padding: 25px; border-top: 1px solid #1e293b; color: #64748b; font-size: 0.8rem; margin-top: 30px; } [data-region='footer'] p { margin: 5px 0; } .fixture-list { display: flex; flex-direction: column; gap: 15px; } .fixture-card { background: #161f38; border: 1px solid #1e293b; border-radius: 8px; padding: 15px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; text-align: center; } .fixture-team { font-weight: bold; font-size: 1.1rem; color: #ffffff; } .fixture-info { display: flex; flex-direction: column; gap: 5px; justify-content: center; align-items: center; } .fixture-vs { font-size: 0.8rem; font-weight: bold; background: #00f0ff; color: #0a0f1d; padding: 2px 8px; border-radius: 12px; text-transform: uppercase; } .fixture-odds-group { display: flex; gap: 10px; margin-top: 10px; grid-column: span 3; justify-content: center; background: #0f172a; padding: 8px; border-radius: 6px; } .fixture-odds-item { font-size: 0.85rem; color: #94a3b8; } .fixture-odds-val { color: #10b981; font-weight: bold; }
img,video,iframe{max-width:100%;height:auto}img{display:block}.entry-content{overflow-wrap:anywhere}.entry-content table{max-width:100%}.bvi-skip{position:absolute;left:-10000px}.bvi-skip:focus{left:12px;top:12px;z-index:9999;background:white;padding:12px}.bvi-menu-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}.bvi-menu-list .sub-menu{list-style:none;padding-left:12px}.mobile-nav .bvi-menu-list{display:block}.bvi-topics{list-style:none;padding:0}.bvi-topics li{padding:10px 0}.bvi-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.bvi-post{padding:20px 0}.bvi-post img{margin:14px 0;aspect-ratio:16/9;object-fit:cover}.bvi-latest{margin-top:28px}.bvi-featured{margin-bottom:24px}[data-region=footer] nav{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}[data-region=footer] a{color:inherit}.entry-content figure{margin-left:0;margin-right:0}[data-region=primary],[data-region=secondary]{min-width:0}body{overflow-wrap:anywhere}.mobile-nav nav a{display:block;padding:10px}.desktop-nav{flex-wrap:wrap}[data-region=primary]>h1{margin-top:0}.bvi-composition-rail .desktop-nav .bvi-menu-list{flex-direction:column}.bvi-composition-above .bvi-topics{display:flex;flex-wrap:wrap;gap:20px}.bvi-composition-below .article-body{max-width:70ch;margin:auto}
@media(max-width:800px){.bvi-posts{grid-template-columns:minmax(0,1fr)}.entry-content{font-size:17px}.mobile-nav{max-width:100%}.mobile-nav summary{white-space:nowrap}.bvi-menu-list{max-width:100%}}