/* crawlable pages (team / game / scores / league), on top of setup.css */
body.seo header .brand { display:flex; align-items:center; gap:10px; color:inherit; text-decoration:none; }
body.seo header nav { display:flex; flex-wrap:wrap; gap:4px 14px; margin-left:auto; }
.seomain { max-width:900px; margin:0 auto; padding:16px; display:flex; flex-direction:column; gap:12px; }
.crumbs { font-size:13px; color:var(--mut); display:flex; flex-wrap:wrap; gap:6px; align-items:center; } .crumbs i { font-style:normal; opacity:.6; }
.crumbs a { color:#93c5fd; } .crumbs span { color:#d6dbe6; }
.notice { margin:0; font-size:12px; color:var(--mut); border:1px dashed #3b4a63; border-radius:8px; padding:6px 10px; }
.dispwrap { display:flex; align-items:center; gap:12px; flex-wrap:wrap; } .dispwrap span { color:var(--mut); font-size:13px; }
.seoh { font-size:18px; margin:10px 0 0; display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; } .seoh small { color:var(--mut); font-size:13px; font-weight:500; }
.seoh a { color:inherit; } .seoh .more { margin-left:auto; font-size:13px; color:#93c5fd; font-weight:600; }
.seolinks { display:flex; flex-wrap:wrap; gap:8px; } .seolinks a { background:var(--card); border:1px solid var(--line); border-radius:9px; padding:6px 11px; font-size:13px; color:#d6dbe6; text-decoration:none; }
.seolinks a:hover { border-color:#3b4a63; color:#fff; }
.seotext p { margin:0; color:#c9d1de; line-height:1.55; } .seotext h2 { font-size:16px; margin:0 0 6px; }
.tpage h2 { font-size:24px; margin:0; } .tpage small { color:var(--mut); }
.shead.tpage { position:static; }
.snext { position:static; box-shadow:none; } .snext .nopp a { color:#fff; } .snext .nlink { display:block; margin-top:4px; font-size:13px; color:#93c5fd; }
.sopp a { color:inherit; text-decoration:none; } .sopp a:hover { text-decoration:underline; } .sopp img { width:26px; height:26px; object-fit:contain; }
.sdate a { color:inherit; text-decoration:none; } .sres .glink { display:flex; align-items:center; gap:8px; color:inherit; text-decoration:none; }
.srow:hover { border-color:#3b4a63; }
.gtitle { font-size:26px; margin:4px 0 0; } .gsub { margin:0; color:var(--mut); }
.ghero { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:10px; padding:18px; }
.ghero.live { border-color:rgba(255,45,61,.7); box-shadow:0 0 18px rgba(255,45,61,.3); }
.gside { display:flex; flex-direction:column; align-items:center; gap:4px; text-align:center; color:inherit; text-decoration:none; }
.gside img { width:96px; height:96px; object-fit:contain; } .gside b { font-size:17px; } .gside small { color:var(--mut); }
.gside strong { font-size:44px; line-height:1; font-variant-numeric:tabular-nums; color:#8b95a7; } .gside.win strong { color:#fff; }
.gmid { display:flex; flex-direction:column; align-items:center; gap:4px; min-width:120px; text-align:center; } .gmid .at { font-size:22px; color:var(--mut); }
.gmid .gdet { font-weight:700; } .gmid small { color:var(--mut); font-size:12px; text-transform:uppercase; letter-spacing:.08em; } .gcd { font-size:22px; font-variant-numeric:tabular-nums; }
.gfacts dl { display:grid; grid-template-columns:max-content 1fr; gap:6px 16px; margin:0; } .gfacts dt { color:var(--mut); } .gfacts dd { margin:0; } .gfacts a { color:#93c5fd; }
.tboxes { display:grid; grid-template-columns:1fr 1fr; gap:12px; } .tbox h3 { display:flex; align-items:center; gap:8px; margin:0 0 6px; font-size:16px; } .tbox h3 a { color:#fff; }
.tbox p { margin:4px 0; color:#c9d1de; } .tnav { display:flex; flex-wrap:wrap; gap:10px; } .tnav a { color:#93c5fd; font-size:13px; }
.fpill { display:inline-flex; width:22px; height:22px; align-items:center; justify-content:center; border-radius:6px; font-size:12px; font-weight:800; margin-right:3px; text-decoration:none; }
.fpill.rW { background:rgba(52,199,111,.18); color:#4ade80; } .fpill.rL { background:rgba(255,45,61,.15); color:#f87171; } .fpill.rT { background:#2b3446; color:var(--mut); }
.mut { color:var(--mut); }
.glist { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:10px; }
.gcard { display:flex; flex-direction:column; gap:6px; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:10px 12px; color:inherit; text-decoration:none; }
a.gcard:hover { border-color:#3b4a63; } .gcard.live { border-color:rgba(255,45,61,.7); background:#1b1318; }
.gt { display:grid; grid-template-columns:34px 1fr auto auto; align-items:center; gap:8px; } .gt img { width:34px; height:34px; object-fit:contain; }
.gt em { font-style:normal; color:var(--mut); font-size:12px; } .gt strong { font-size:20px; min-width:28px; text-align:right; font-variant-numeric:tabular-nums; color:#8b95a7; }
.gcard.final .gt.win strong, .gcard.live .gt strong { color:#fff; } .gcard.final .gt:not(.win) b { color:#a3acbb; }
.gst { font-size:13px; color:var(--mut); } .gcard.live .gst { color:#fca5a5; } .gnote { color:#fbbf24; }
.daynav { display:flex; justify-content:space-between; align-items:center; gap:8px; } .daynav a { background:var(--card); border:1px solid var(--line); border-radius:9px; padding:7px 12px; color:#d6dbe6; text-decoration:none; font-size:14px; }
.lgtabs { display:flex; gap:6px; flex-wrap:wrap; } .lgtabs a { padding:6px 14px; border-radius:999px; border:1px solid var(--line); color:#d6dbe6; text-decoration:none; font-weight:700; font-size:14px; }
.lgtabs a.sel { background:var(--ac); border-color:var(--ac); color:#fff; }
.tgrid { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:8px; }
.tcard { display:grid; grid-template-columns:40px 1fr; grid-template-rows:auto auto; column-gap:10px; align-items:center; background:var(--card); border:1px solid var(--line); border-left:4px solid var(--c); border-radius:10px; padding:8px 10px; color:inherit; text-decoration:none; }
.tcard img { grid-row:1 / 3; width:40px; height:40px; object-fit:contain; } .tcard b { font-size:14px; } .tcard small { color:var(--mut); font-size:12px; }
.tcard:hover { border-color:#3b4a63; border-left-color:var(--c); }
@media (max-width:600px) {
  .seomain { padding:10px; } .gtitle { font-size:21px; } .tboxes { grid-template-columns:1fr; }
  .ghero { padding:12px 6px; } .gside img { width:60px; height:60px; } .gside b { font-size:14px; } .gside strong { font-size:34px; } .gmid { min-width:84px; }
  .tpage h2 { font-size:19px; } body.seo header nav { margin-left:0; width:100%; } .daynav a { padding:6px 9px; font-size:13px; }
}
.gst .gdate { color:#d6dbe6; }