*{box-sizing:border-box}:root { --primary: #0f172a; --accent: #b91c1c; --bg: #f8fafc; --border: #cbd5e1; --text: #334155; --text-dark: #0f172a; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: var(--bg); color: var(--text); line-height: 1.6; } #main { max-width: 1200px; margin: 0 auto; padding: 20px 15px; display: grid; grid-template-columns: 1fr; gap: 30px; } @media (min-width: 992px) { #main { grid-template-columns: 8fr 4fr; } } .masthead-block { background: #ffffff; border-bottom: 4px solid var(--primary); padding: 20px 10px; text-align: center; } .logo-container { font-size: 2.25rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; color: var(--primary); text-decoration: none; display: inline-block; margin-bottom: 15px; } .logo-container span { color: var(--accent); } .desktop-nav { border-top: 1px solid var(--border); padding-top: 15px; } .desktop-nav ul { list-style: none; display: flex; justify-content: center; gap: 30px; } .desktop-nav a { text-decoration: none; color: var(--text-dark); font-weight: 700; font-size: 0.95rem; text-transform: uppercase; transition: color 0.2s; } .desktop-nav a:hover { color: var(--accent); } .mobile-menu { display: block; margin: 10px auto; max-width: 300px; } .mobile-menu summary { background: var(--primary); color: #ffffff; padding: 12px; text-align: center; list-style: none; cursor: pointer; border-radius: 4px; font-weight: 700; } .mobile-menu ul { list-style: none; background: #ffffff; border: 1px solid var(--border); padding: 10px; margin-top: 5px; } .mobile-menu li { margin: 8px 0; text-align: center; border-bottom: 1px solid #f1f5f9; padding-bottom: 8px; } .mobile-menu a { text-decoration: none; color: var(--text-dark); font-weight: 600; } @media (min-width: 768px) { .desktop-nav { display: block; } .mobile-menu { display: none; } } .primary-block { background: #ffffff; padding: 25px; border-radius: 6px; border: 1px solid var(--border); } .secondary-block { background: #ffffff; padding: 25px; border-radius: 6px; border: 1px solid var(--border); } .editorial-row { border-bottom: 1px solid var(--border); padding: 20px 0; display: grid; gap: 15px; } @media (min-width: 576px) { .editorial-row { grid-template-columns: 4fr 8fr; } } .editorial-row:last-child { border-bottom: none; } .editorial-thumb { background: #f1f5f9; min-height: 100px; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--text); border-radius: 4px; border: 1px dashed var(--border); text-align: center; padding: 10px; } .editorial-content h3 { font-size: 1.2rem; margin-bottom: 8px; font-weight: 700; } .editorial-content h3 a { color: var(--text-dark); text-decoration: none; } .editorial-content h3 a:hover { color: var(--accent); } .editorial-meta { font-size: 0.85rem; color: var(--accent); margin-bottom: 8px; font-weight: 600; display: flex; gap: 10px; } .lead-story { margin-bottom: 30px; border-bottom: 2px solid var(--primary); padding-bottom: 25px; } .lead-story-img { height: 180px; background: #e2e8f0; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; font-weight: 800; color: var(--text-dark); margin-bottom: 15px; border-radius: 6px; text-align: center; padding: 20px; } .lead-story h2 { font-size: 1.6rem; margin-bottom: 12px; line-height: 1.3; font-weight: 800; } .lead-story h2 a { color: var(--text-dark); text-decoration: none; } .lead-story h2 a:hover { color: var(--accent); } .scoreboard-title { font-size: 1.2rem; text-transform: uppercase; margin-bottom: 15px; border-left: 5px solid var(--accent); padding-left: 10px; color: var(--text-dark); font-weight: 800; } .score-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; margin-bottom: 20px; } .score-table th, .score-table td { border: 1px solid var(--border); padding: 12px; text-align: center; } .score-table th { background: var(--primary); color: #ffffff; font-weight: 700; } .score-table tr:nth-child(even) { background: #f8fafc; } .score-table td.team { text-align: left; font-weight: 700; color: var(--text-dark); } .score-table td.score { font-weight: 800; color: var(--accent); } .article-meta { font-size: 0.9rem; color: var(--text); border-bottom: 1px solid var(--border); padding-bottom: 15px; margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 15px; } .article-meta span { font-weight: 600; } .article-content p { margin-bottom: 15px; text-align: justify; } .article-content blockquote { border-left: 4px solid var(--accent); padding-left: 15px; margin: 20px 0; font-style: italic; color: var(--text-dark); background: #f8fafc; padding-top: 10px; padding-bottom: 10px; } .footer-block { background: var(--primary); color: #94a3b8; padding: 40px 20px; text-align: center; border-top: 6px solid var(--accent); margin-top: 50px; } .footer-block a { color: #ffffff; text-decoration: none; margin: 0 15px; font-weight: 600; } .footer-block p { margin-top: 15px; font-size: 0.85rem; } .matches-container { background: #fef2f2; border: 1px solid #fee2e2; border-radius: 6px; padding: 15px; margin-top: 20px; } .matches-heading { font-size: 1rem; font-weight: bold; color: var(--accent); margin-bottom: 10px; }
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%}}