*{box-sizing:border-box}* { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: system-ui, -apple-system, sans-serif; background: #0f172a; color: #f1f5f9; line-height: 1.5; } a { color: #38bdf8; text-decoration: none; } a:hover { text-decoration: underline; } .container { max-width: 1400px; margin: 0 auto; padding: 0 16px; } .masthead { background: #1e293b; border-bottom: 2px solid #334155; padding: 12px 0; } .masthead-inner { display: flex; justify-content: space-between; align-items: center; } .brand { font-weight: 800; font-size: 1.25rem; color: #38bdf8; } .nav-desktop { display: none; } .nav-mobile { display: block; position: relative; } .nav-mobile summary { list-style: none; padding: 8px 12px; background: #334155; border-radius: 4px; cursor: pointer; font-size: 0.9rem; } .nav-mobile summary::-webkit-details-marker { display: none; } .nav-menu-links { position: absolute; top: 100%; right: 0; background: #1e293b; border: 1px solid #334155; border-radius: 4px; width: 200px; z-index: 100; box-shadow: 0 4px 12px rgba(0,0,0,0.5); } .nav-menu-links a { display: block; padding: 12px 16px; border-bottom: 1px solid #334155; color: #f1f5f9; } @media(min-width: 768px) { .nav-desktop { display: flex; gap: 20px; } .nav-mobile { display: none; } } .layout-grid { display: grid; grid-template-columns: 1fr; gap: 24px; padding: 24px 0; } @media(min-width: 992px) { .layout-grid { grid-template-columns: 1fr 320px; } } .primary { min-width: 0; } .secondary { background: #1e293b; border-radius: 8px; padding: 20px; border: 1px solid #334155; } h1 { font-size: 1.75rem; color: #ffffff; margin-bottom: 16px; font-weight: 700; line-height: 1.3; } h2 { font-size: 1.3rem; color: #38bdf8; margin-bottom: 12px; font-weight: 600; border-left: 4px solid #38bdf8; padding-left: 10px; } h3 { font-size: 1.1rem; color: #ffffff; margin-bottom: 8px; } p { color: #cbd5e1; margin-bottom: 16px; } .dashboard-panel { background: #1e293b; border-radius: 8px; padding: 16px; border: 1px solid #334155; margin-bottom: 24px; overflow-x: auto; } .matrix-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; min-width: 500px; } .matrix-table th, .matrix-table td { padding: 10px; border: 1px solid #334155; text-align: center; } .matrix-table th { background: #0f172a; color: #94a3b8; font-weight: 600; } .matrix-table td.team-cell { text-align: left; font-weight: 600; color: #ffffff; } .odds-val { display: block; color: #f59e0b; font-weight: bold; } .odds-label { display: block; font-size: 0.7rem; color: #94a3b8; } .listing-container { display: flex; flex-direction: column; gap: 12px; } .list-row { display: grid; border-radius: 6px; overflow: hidden; border: 1px solid #334155; text-decoration: none; } .list-row.feature { grid-template-columns: 1fr; background: #1e293b; border-left: 4px solid #f59e0b; padding: 16px; } .list-row.compact { grid-template-columns: 1fr; background: #0f172a; border-left: 4px solid #38bdf8; padding: 10px 16px; font-size: 0.9rem; } @media(min-width: 600px) { .list-row.feature { grid-template-columns: 1fr auto; align-items: center; } .list-row.compact { grid-template-columns: 1fr auto; align-items: center; } } .row-meta { display: flex; gap: 12px; color: #94a3b8; font-size: 0.8rem; margin-top: 4px; } .rail-item { border-bottom: 1px solid #334155; padding-bottom: 12px; margin-bottom: 12px; } .rail-item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .rail-title { font-size: 0.95rem; font-weight: 600; color: #ffffff; display: block; margin-bottom: 4px; } .rail-time { font-size: 0.75rem; color: #94a3b8; } .article-meta { font-size: 0.85rem; color: #94a3b8; margin-bottom: 16px; } .article-content p { font-size: 1rem; line-height: 1.7; margin-bottom: 20px; } .article-quote { border-left: 4px solid #38bdf8; padding-left: 16px; margin: 24px 0; font-style: italic; color: #cbd5e1; } .footer { background: #0b0f19; border-top: 2px solid #1e293b; color: #64748b; padding: 32px 0; font-size: 0.85rem; text-align: center; } .footer p { margin-bottom: 8px; color: #64748b; }
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%}}