*{box-sizing:border-box}body { background-color: #0d1117; color: #c9d1d9; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; line-height: 1.6; } .container { max-width: 1400px; margin: 0 auto; padding: 0 15px; } .site-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid #30363d; background-color: #161b22; } .logo-box { padding: 5px 15px; } .logo-text { font-size: 20px; font-weight: 800; color: #58a6ff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; } .desktop-nav { display: flex; gap: 20px; } .nav-item { color: #8b949e; text-decoration: none; font-weight: 600; padding: 8px 16px; border-radius: 6px; transition: all 0.3s ease; } .nav-item:hover, .nav-item.active { color: #58a6ff; background-color: #21262d; } .mobile-nav { display: none; } .dashboard-grid, .category-grid, .article-grid { display: grid; grid-template-columns: 2.5fr 1.2fr; gap: 24px; padding: 24px 0; } .hero-panel { grid-column: 1 / -1; background: linear-gradient(135deg, #1f242c, #161b22); border: 1px solid #30363d; padding: 30px; border-radius: 12px; margin-bottom: 10px; } .hero-panel h1 { margin: 0 0 12px 0; font-size: 28px; color: #ffffff; line-height: 1.2; } .tagline { font-size: 16px; color: #8b949e; margin: 0; } .panel-title { font-size: 18px; color: #58a6ff; text-transform: uppercase; margin-bottom: 16px; border-left: 4px solid #2ea44f; padding-left: 10px; } .main-panel, .side-panel, .category-content, .category-sidebar, .article-content, .article-sidebar { background-color: #161b22; border: 1px solid #30363d; border-radius: 12px; padding: 24px; } .matrix-table { width: 100%; border-collapse: collapse; margin-top: 15px; font-size: 14px; } .matrix-table th, .matrix-table td { padding: 12px; text-align: center; border: 1px solid #30363d; } .matrix-table th { background-color: #21262d; color: #8b949e; font-weight: 600; } .matrix-table tr:nth-child(even) { background-color: #0d1117; } .matrix-table td strong { color: #f1e05a; } .matrix-table td.highlight { background-color: rgba(46, 164, 79, 0.15); color: #2ea44f; font-weight: bold; } .indexed-list { list-style: none; padding: 0; margin: 0; } .indexed-list li { display: flex; align-items: flex-start; gap: 20px; padding: 18px 0; border-bottom: 1px solid #30363d; } .indexed-list li:last-child { border-bottom: none; } .index-num { font-size: 32px; font-weight: 800; color: #30363d; line-height: 1; } .index-body { flex: 1; } .index-title { font-size: 18px; color: #ffffff; text-decoration: none; font-weight: 700; transition: color 0.2s; } .index-title:hover { color: #58a6ff; } .index-excerpt { font-size: 14px; color: #8b949e; margin: 8px 0 0 0; } .article-time { display: block; color: #8b949e; font-size: 13px; margin-bottom: 20px; } .intro { font-size: 18px; line-height: 1.6; color: #f0f6fc; margin-bottom: 20px; } blockquote { border-left: 4px solid #2ea44f; margin: 24px 0; padding-left: 20px; color: #8b949e; font-style: italic; } .article-content p { margin-bottom: 20px; } .kèo-list { list-style: none; padding: 0; margin: 0; } .kèo-list li { margin-bottom: 12px; } .kèo-list li a { color: #58a6ff; text-decoration: none; font-size: 14px; display: block; padding: 10px; background-color: #21262d; border-radius: 6px; } .kèo-list li a:hover { background-color: #30363d; } .site-footer { text-align: center; padding: 30px 0; border-top: 1px solid #30363d; margin-top: 40px; font-size: 14px; color: #8b949e; } @media (max-width: 768px) { .desktop-nav { display: none; } .mobile-nav { display: block; position: relative; } .mobile-nav summary { list-style: none; cursor: pointer; padding: 10px 15px; background: #21262d; border: 1px solid #30363d; border-radius: 6px; color: #c9d1d9; font-weight: bold; } .mobile-nav summary::-webkit-details-marker { display: none; } .mobile-nav div.nav-links { display: flex; flex-direction: column; position: absolute; top: 100%; right: 0; background: #161b22; border: 1px solid #30363d; z-index: 1000; width: 180px; box-shadow: 0 8px 24px rgba(0,0,0,0.5); border-radius: 6px; } .mobile-nav div.nav-links a { padding: 12px 16px; border-bottom: 1px solid #30363d; text-decoration: none; color: #c9d1d9; font-weight: 600; } .mobile-nav div.nav-links a:last-child { border-bottom: none; } .dashboard-grid, .category-grid, .article-grid { grid-template-columns: 1fr; } .hero-panel h1 { font-size: 22px; } }
@media(min-width:992px){main.dashboard-grid,main.category-grid,main.article-grid{display:flex;flex-direction:column;gap:24px}main>.hero-panel{order:0}main>[data-region="secondary"]{order:1;width:100%;display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;align-items:start}main>[data-region="primary"]{order:2;width:100%}.matrix-table{margin-top:0}.indexed-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-content{padding:36px 100px}}
[data-region]{min-width:0}
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%}}

#wpbo-cs{--ink:#e6edf3;--muted:#b5c2d1;--line:#566779;--surface:#1c2733;--accent:#79baff;--paper:#0d1117;}

/* Real WordPress markup adaptation, revision 1.1. */
#wpbo-cs{text-align:left;color-scheme:dark}
#wpbo-cs .cs-controls select,#wpbo-cs .cs-controls input{width:100%;border-radius:6px}
#wpbo-cs .cs-dates button,#wpbo-cs .tv-leagues button{border-radius:5px}
#wpbo-cs button:focus-visible,#wpbo-cs select:focus-visible,#wpbo-cs input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
#wpbo-cs .ce-toggle{border-radius:6px;font-weight:600}
[data-region=secondary] a,.bvi-post a,.article-body a{color:#79baff}

[data-region=masthead] nav a{color:#c5dfff;text-decoration:none;font-weight:600}
[data-region=masthead] nav a:hover,[data-region=masthead] nav a:focus-visible{color:#ffffff;text-decoration:underline}
@media(min-width:992px){main>[data-region=secondary]{display:block;padding:18px 24px}main>[data-region=secondary]>section{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:start}main>[data-region=secondary] h2{margin:4px 0;font-size:20px}main>[data-region=secondary] .bvi-topics{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0}main>[data-region=secondary] .bvi-topics li{padding:4px 0}}