*{box-sizing:border-box}* {box-sizing:border-box;margin:0;padding:0;} body {font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#0f172a;color:#cbd5e1;line-height:1.5;font-size:14px;} a {color:#38bdf8;text-decoration:none;transition:color 0.2s;} a:hover {color:#7dd3fc;} #main {display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1440px;margin:0 auto;padding:1rem;} .brand {font-size:1.25rem;font-weight:800;color:#f8fafc;letter-spacing:-0.05em;display:flex;align-items:center;gap:0.5rem;} .brand span {color:#10b981;} .nav-desktop {display:none;} .nav-mobile {position:relative;background:#1e293b;border-radius:6px;padding:0.5rem;} .nav-mobile summary {padding:0.5rem;font-weight:600;color:#f8fafc;cursor:pointer;list-style:none;} .nav-mobile summary::-webkit-details-marker {display:none;} .nav-mobile nav {display:flex;flex-direction:column;gap:0.5rem;padding:0.5rem 0 0 0;border-top:1px solid #334155;} .nav-mobile nav a {padding:0.5rem;border-radius:4px;} .nav-mobile nav a:hover {background:#334155;} [data-region='masthead'] {display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#1e293b;border-bottom:3px solid #10b981;border-radius:8px;} [data-region='primary'] {background:#1e293b;border-radius:8px;padding:1.5rem;border:1px solid #334155;} [data-region='secondary'] {background:#1e293b;border-radius:8px;padding:1.5rem;border:1px solid #334155;} [data-region='footer'] {background:#0f172a;padding:1.5rem;text-align:center;color:#64748b;font-size:0.85rem;border-top:1px solid #1e293b;margin-top:2rem;} h1 {font-size:1.5rem;color:#f8fafc;margin-bottom:1rem;line-height:1.2;font-weight:700;} h2 {font-size:1.2rem;color:#10b981;margin-bottom:1rem;font-weight:600;border-left:4px solid #10b981;padding-left:0.5rem;} h3 {font-size:1rem;color:#f8fafc;margin-bottom:0.5rem;} p {margin-bottom:1rem;color:#94a3b8;} blockquote {border-left:4px solid #38bdf8;padding-left:1rem;margin:1.5rem 0;font-style:italic;color:#cbd5e1;} .comparison-matrix {width:100%;border-collapse:collapse;margin:1.5rem 0;} .comparison-matrix th, .comparison-matrix td {padding:0.75rem;text-align:center;border:1px solid #334155;} .comparison-matrix th {background:#0f172a;color:#94a3b8;font-size:0.8rem;text-transform:uppercase;} .comparison-matrix td {font-size:0.9rem;} .team-name {font-weight:700;color:#f8fafc;} .odds-up {color:#10b981;font-weight:600;} .odds-down {color:#ef4444;font-weight:600;} .index-list {display:grid;gap:1rem;} .index-item {background:#0f172a;padding:1rem;border-radius:6px;border-left:4px solid #38bdf8;} .meta-info {font-size:0.8rem;color:#64748b;margin-bottom:0.5rem;} .btn {display:inline-block;background:#10b981;color:#fff;padding:0.5rem 1rem;border-radius:4px;font-weight:600;text-align:center;} .btn:hover {background:#059669;color:#fff;} @media (min-width: 768px) { #main {grid-template-columns:3fr 1fr;grid-template-rows:auto auto auto;gap:1.5rem;} [data-region='masthead'] {grid-column:1 / -1;flex-direction:row;justify-content:between;align-items:center;} .nav-mobile {display:none;} .nav-desktop {display:flex;gap:1.5rem;align-items:center;} .nav-desktop a {color:#94a3b8;font-weight:500;} .nav-desktop a:hover {color:#f8fafc;} [data-region='primary'] {grid-column:1 / 2;} [data-region='secondary'] {grid-column:2 / 3;} [data-region='footer'] {grid-column:1 / -1;} }
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%}}