:root{
  --sd-bg:#f3f5f8;
  --sd-surface:#ffffff;
  --sd-surface-2:#f7f9fc;
  --sd-text:#172033;
  --sd-muted:#6b7483;
  --sd-primary:#0b63ce;
  --sd-primary-dark:#084d9f;
  --sd-dark:#111827;
  --sd-border:#e1e6ed;
  --sd-radius:12px;
  --sd-shadow:0 2px 10px rgba(15,23,42,.07);
}
*{box-sizing:border-box}
html{width:100%;overflow-x:hidden;scroll-behavior:smooth}
body{
  margin:0;width:100%;min-width:0;overflow-x:hidden;
  background:var(--sd-bg);color:var(--sd-text);
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;line-height:1.55;
}
a{color:var(--sd-primary);text-decoration:none}
a:hover{text-decoration:underline}
img,svg,video,iframe{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
header{
  width:100%;background:var(--sd-dark);color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.05);
}
header .wrap,header .container{
  width:min(1100px,100%);margin:auto;padding:15px 16px;
}
header a{color:#fff;text-decoration:none}
header a:first-child{font-size:21px;font-weight:800;letter-spacing:.2px}
main,.main{
  width:min(1100px,100%);margin:0 auto;padding:20px 16px 40px;
}
h1,h2,h3{color:var(--sd-text);line-height:1.2;overflow-wrap:anywhere}
h1{font-size:clamp(25px,5vw,34px);margin:0 0 9px}
h2{font-size:clamp(20px,4vw,26px);margin:22px 0 10px}
h3{font-size:18px;margin:16px 0 8px}
p{margin:8px 0 14px}
.card,.box,section.card,article.card{
  background:var(--sd-surface);border:1px solid var(--sd-border);
  border-radius:var(--sd-radius);box-shadow:var(--sd-shadow);
  padding:20px;margin:0 0 16px;min-width:0;
}
.muted,.note,.meta{color:var(--sd-muted)}
.grid,.cards,.categories,.teams,.leagues{
  display:grid;grid-template-columns:1fr;gap:11px;
}
.item,.button,.btn{
  display:flex;align-items:center;justify-content:center;
  min-height:44px;padding:11px 14px;border-radius:9px;
  background:#edf3fb;color:var(--sd-primary);
  font-weight:700;text-decoration:none;border:1px solid transparent;
  overflow-wrap:anywhere;
}
.item:hover,.button:hover,.btn:hover{
  background:#e3edf9;text-decoration:none;
}
.primary,.btn-primary{
  background:var(--sd-primary);color:#fff;
}
.primary:hover,.btn-primary:hover{background:var(--sd-primary-dark);color:#fff}
nav{
  width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
}
nav a{white-space:nowrap}
.mobile-nav{
  display:flex;gap:8px;padding:9px 12px;
  background:var(--sd-surface);border-bottom:1px solid var(--sd-border);
  overflow-x:auto;-webkit-overflow-scrolling:touch;
}
.mobile-nav a{
  flex:0 0 auto;background:#edf3fb;color:var(--sd-primary);
  padding:9px 12px;border-radius:8px;font-weight:700;
}
.match,.fixture,.game,.match-row{
  width:100%;min-width:0;border:1px solid var(--sd-border);
  border-radius:10px;background:var(--sd-surface);
  overflow:hidden;
}
.match{
  display:grid;grid-template-columns:78px minmax(0,1fr)!important;
  gap:10px;align-items:center;padding:12px;margin:8px 0;
  color:var(--sd-text);text-decoration:none;
}
.match:hover{background:var(--sd-surface-2);text-decoration:none}
.match .time{font-weight:800;color:var(--sd-primary)}
.match .teams{font-weight:700;min-width:0;overflow-wrap:anywhere;word-break:break-word}
.match .status{grid-column:2;text-align:left;color:var(--sd-muted);font-size:13px}
table{width:100%;border-collapse:collapse;background:var(--sd-surface)}
th,td{padding:10px 9px;border-bottom:1px solid var(--sd-border);text-align:left;vertical-align:top}
th{font-weight:800;background:var(--sd-surface-2)}
.table-wrap,.scroll-table,.responsive-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}
.two-col,.three-col,.hero-grid,.columns{
  display:grid;grid-template-columns:1fr;gap:14px;
}
footer{
  margin-top:30px;padding:22px 16px;background:var(--sd-dark);
  color:#cbd5e1;
}
footer a{color:#fff}
hr{border:0;border-top:1px solid var(--sd-border);margin:20px 0}
input,select,textarea{
  width:100%;min-height:44px;padding:9px 11px;
  border:1px solid #d6dde6;border-radius:9px;background:#fff;color:var(--sd-text);
}
button{min-height:44px;padding:9px 14px;border:0;border-radius:9px;cursor:pointer}
@media (min-width:600px){
  main,.main{padding:24px 16px 50px}
  .grid,.cards,.categories,.teams,.leagues{grid-template-columns:repeat(2,minmax(0,1fr))}
  .two-col,.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .match{grid-template-columns:105px minmax(0,1fr) 90px!important}
  .match .status{grid-column:auto;text-align:right}
}
@media (min-width:900px){
  .grid,.cards,.categories,.teams,.leagues{grid-template-columns:repeat(3,minmax(0,1fr))}
  .three-col{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:599px){
  header .wrap,header .container{padding:13px 12px}
  main,.main{padding:16px 12px 34px}
  .card,.box,section.card,article.card{padding:16px}
  table{font-size:14px}
  th,td{padding:8px 6px}
  .desktop-only{display:none!important}
}
@media print{
  nav,.mobile-nav,button{display:none!important}
  body{background:#fff}
  .card,.box{box-shadow:none}
}