
body.sbgp .page-head.gp-on{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:24px;align-items:center}
body.sbgp .page-head.gp-on>.crumbs{grid-column:1/-1}
body.sbgp .page-head.gp-on>:not(.crumbs):not(.gp-logo):not(script){grid-column:2}
body.sbgp .gp-logo{grid-row:2/6;width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 4px #f5b301,0 14px 34px rgba(0,0,0,.35)}
body.sbgp .gp-logo img{width:68%;height:68%;object-fit:contain}
body.sbgp .gp-eye{display:block;font:600 13px Prompt,sans-serif;color:#fcd34d;letter-spacing:.03em;margin-bottom:2px}
body.sbgp .page-head .page-title{text-wrap:balance}
/* content card */
body.sbgp-page main .layout>article.card,body.sbgp-post main .layout>article.card{background:#fff!important;border:1px solid #ece6d6!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(11,26,18,.05)!important;padding:28px 32px!important}
body.sbgp .entry-content{font:400 16px/1.9 Anuphan,sans-serif;color:#26322c}
body.sbgp .entry-content>p{margin:0 0 16px}
body.sbgp .entry-content>h2{margin:30px 0 14px!important;font-size:21px!important}
body.sbgp .entry-content>h3{margin:22px 0 10px!important;font:700 17px/1.4 Prompt,sans-serif;color:#0f3a26}
body.sbgp .entry-content a:not(.fbth-tl):not([class]){color:#15803d;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(21,128,61,.3)}
body.sbgp .entry-content a:not(.fbth-tl):not([class]):hover{border-bottom-color:#15803d}
body.sbgp .gp-intro{margin:0 0 22px!important;padding:16px 22px 16px 18px;display:flex;gap:16px;align-items:center;border-radius:18px;background:linear-gradient(90deg,#fffaf0,#fff 55%);border:1px solid #efe6cc;font-size:15.5px;line-height:1.8}
body.sbgp .gp-intro:before{content:"";flex:none;width:38px;height:38px;border-radius:12px;background:#0f3a26 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5b301' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E") center/20px no-repeat}
body.sbgp .gp-intro>span{flex:1;min-width:0}
body.sbgp .gp-intro strong{color:#0f3a26}
/* lists */
body.sbgp .entry-content ul.gp-ul{list-style:none;margin:0 0 20px;padding:0;border:1px solid #efe9da;border-radius:16px;overflow:hidden}
body.sbgp .entry-content ul.gp-ul>li{position:relative;margin:0;padding:11px 16px 11px 38px;border-top:1px solid #f4f0e6;font-size:15.5px;line-height:1.7}
body.sbgp .entry-content ul.gp-ul>li:first-child{border-top:0}
body.sbgp .entry-content ul.gp-ul>li:before{content:"";position:absolute;left:16px;top:20px;width:8px;height:8px;border-radius:50%;background:#f5b301;box-shadow:0 0 0 3px rgba(245,179,1,.2)}
body.sbgp .entry-content ul.gp-ul>li:nth-child(even){background:#fcfbf7}
body.sbgp .entry-content ul.gp-ul>li strong:first-child{color:#0f3a26}
body.sbgp .entry-content ul.gp-pills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 22px;padding:0}
body.sbgp .entry-content ul.gp-pills>li{margin:0}
body.sbgp .entry-content ul.gp-pills>li>a{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:999px;background:#fff;border:1px solid #e6e1d4;color:#0d1912!important;font:600 14px Prompt,sans-serif;text-decoration:none!important;transition:border-color .15s,color .15s,transform .15s}
body.sbgp .entry-content ul.gp-pills>li>a:hover{border-color:#15803d;color:#15803d!important;transform:translateY(-1px)}
body.sbgp .entry-content ul.gp-pills>li>a:after{content:"›";color:#15803d;font-weight:700}
body.sbgp .entry-content ul.gp-cards{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
body.sbgp .entry-content ul.gp-cards>li{margin:0;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #ece6d6;font-size:14.5px;line-height:1.65;color:#46554d;transition:border-color .15s,box-shadow .15s}
body.sbgp .entry-content ul.gp-cards>li:hover{border-color:#15803d;box-shadow:0 10px 24px -14px rgba(11,26,18,.35)}
body.sbgp .entry-content ul.gp-cards>li>a:first-child{display:block;margin-bottom:4px;font:700 16px/1.35 Prompt,sans-serif;color:#0d1912!important;border:0!important}
/* tables */
body.sbgp .entry-content .tscroll,body.sbgp .entry-content .fbth-scroll{border:1px solid #ece6d6;border-radius:14px;overflow:auto;margin:0 0 20px;background:#fff}
body.sbgp .entry-content .tscroll table,body.sbgp .entry-content .fbth-table{width:100%;border-collapse:collapse!important;font:400 14.5px/1.55 Anuphan,sans-serif;margin:0!important;border:0!important}
body.sbgp .entry-content .tscroll th,body.sbgp .entry-content .fbth-table th{background:#f7f4ec!important;color:#46554d!important;font:600 12.5px Prompt,sans-serif!important;text-align:left;padding:10px 12px!important;border:0!important;border-bottom:1px solid #ece6d6!important;white-space:nowrap}
body.sbgp .entry-content .tscroll td,body.sbgp .entry-content .fbth-table td{padding:10px 12px!important;border:0!important;border-bottom:1px solid #f4f0e6!important;vertical-align:top}
body.sbgp .entry-content .tscroll tr:last-child td,body.sbgp .entry-content .fbth-table tr:last-child td{border-bottom:0!important}
body.sbgp .entry-content .tscroll tbody tr:hover td,body.sbgp .entry-content .fbth-table tbody tr:hover td{background:#fbfaf6}
body.sbgp .entry-content .tscroll td:first-child{font-weight:600;color:#0d1912}
body.sbgp .entry-content .fbth-table td.pts{font:800 15px Rubik,sans-serif;color:#0f3a26}
body.sbgp .entry-content .fbth-table td.t img{width:22px!important;height:22px!important;object-fit:contain;vertical-align:middle;margin-right:8px}
body.sbgp .form i{display:inline-block;width:16px;height:16px;border-radius:4px;font:700 9.5px/16px Prompt,sans-serif;font-style:normal;color:#fff;background:#9ca3af;text-align:center;margin:0 1px}
body.sbgp .form i.f-W{background:#15803d}body.sbgp .form i.f-L{background:#dc2626}
body.sbgp .gp-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:0 0 22px}
body.sbgp .gp-facts div{padding:12px 14px;border-radius:14px;background:#fbfaf6;border:1px solid #efe9da}
body.sbgp .gp-facts small{display:block;font:600 11.5px Prompt,sans-serif;color:#8a958f;margin-bottom:2px}
body.sbgp .gp-facts b{display:block;font:700 15px/1.4 Prompt,sans-serif;color:#0d1912}
body.sbgp .gp-tro{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 22px}
body.sbgp .gp-tro div{position:relative;padding:16px 14px 14px;border-radius:16px;background:linear-gradient(160deg,#124a30,#0a2418 75%);color:#fff;overflow:hidden}
body.sbgp .gp-tro div:after{content:"🏆";position:absolute;right:10px;top:8px;font-size:22px;opacity:.5}
body.sbgp .gp-tro b{display:block;font:800 32px/1 Rubik,sans-serif;color:#f5b301}
body.sbgp .gp-tro small{display:block;margin-top:6px;font:600 13.5px/1.35 Prompt,sans-serif;color:#fff}
body.sbgp .entry-content .fbth-title{font:800 18px/1.3 Prompt,sans-serif!important;color:#0d1912!important;margin:0 0 12px!important}
body.sbgp .entry-content .fbth-note{font:400 12px Anuphan,sans-serif!important;color:#8a958f!important}
/* seasons */
body.sbgp .fbth-champ{display:flex!important;align-items:center;gap:18px;padding:20px 24px!important;margin:0 0 18px;border-radius:20px!important;background:linear-gradient(135deg,#124a30,#0a2418 70%)!important;border:0!important;color:#fff;position:relative;overflow:hidden}
body.sbgp .fbth-champ:after{content:"🏆";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:56px;opacity:.18}
body.sbgp .fbth-champ img{width:76px!important;height:76px!important;object-fit:contain;background:#fff;border-radius:50%;padding:10px;box-sizing:border-box;box-shadow:0 0 0 3px #f5b301}
body.sbgp .fbth-champ span{display:block;font:600 13px Prompt,sans-serif;color:#fcd34d}
body.sbgp .fbth-champ b a{font:800 26px/1.2 Prompt,sans-serif;color:#fff!important;text-decoration:none!important}
body.sbgp .fbth-champ small{display:block;font:400 13.5px Anuphan,sans-serif;color:rgba(255,255,255,.75)}
body.sbgp .fbth-seasonnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px!important}
body.sbgp .fbth-seasonnav a{padding:8px 15px;border-radius:999px;background:#fff;border:1px solid #e6e1d4;color:#0d1912!important;font:600 13.5px Prompt,sans-serif;text-decoration:none!important;border-bottom:1px solid #e6e1d4!important}
body.sbgp .fbth-seasonnav a:hover{background:#0f3a26;border-color:#0f3a26!important;color:#fcd34d!important}
body.sbgp .fbth-rounds details{border:1px solid #ece6d6;border-radius:14px;margin:0 0 8px;overflow:hidden;background:#fff}
body.sbgp .fbth-rounds summary{cursor:pointer;padding:11px 16px;background:#f7f4ec;font:700 15px Prompt,sans-serif;color:#0d1912;list-style:none;display:flex;align-items:center;gap:8px}
body.sbgp .fbth-rounds summary::-webkit-details-marker{display:none}
body.sbgp .fbth-rounds summary:after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid #15803d;border-bottom:2px solid #15803d;transform:rotate(45deg);transition:transform .2s}
body.sbgp .fbth-rounds details[open]>summary{background:#0f3a26;color:#fff}
body.sbgp .fbth-rounds details[open]>summary small{color:rgba(255,255,255,.7)}
body.sbgp .fbth-rounds details[open]>summary:after{transform:rotate(-135deg);border-color:#fcd34d}
body.sbgp .fbth-rounds summary small{font:500 12px Prompt,sans-serif;color:#8a958f}
body.sbgp .fbth-rounds .fbth-matches{padding:4px 10px 8px}
body.sbgp .entry-content .sb-src{font:400 12.5px/1.6 Anuphan,sans-serif;color:#8a958f;margin-top:24px;padding-top:14px;border-top:1px dashed #e6e1d4}
/* aside */
body.sbgp main .layout>.aside .card{background:#fff!important;border:1px solid #ece6d6!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(11,26,18,.05)!important;padding:16px!important}
body.sbgp main .layout>.aside .card h2{font:800 15px/1.3 Prompt,sans-serif!important;color:#0d1912!important;margin:0 0 10px!important;padding:0 0 10px 10px!important;border-left:3px solid #f5b301;border-bottom:1px solid #f1ece0}
body.sbgp main .layout>.aside .card ul{list-style:none;margin:0;padding:0}
body.sbgp main .layout>.aside .card li a{display:block;padding:7px 10px;border-radius:10px;color:#26322c!important;font:500 14px Prompt,sans-serif;text-decoration:none!important}
body.sbgp main .layout>.aside .card li a:hover{background:#f4f1e9;color:#15803d!important}
body.sbgp main .layout>.aside .card li a[aria-current],body.sbgp main .layout>.aside .card li.current a{background:#0f3a26;color:#fcd34d!important}
body.sbgp main .layout.gp-full{display:block!important}
body.sbgp main .layout.gp-full>.aside{display:none!important}
@media (min-width:901px){body.sbgp main .layout>.aside{position:sticky;top:calc(var(--lphh,126px) + 14px);align-self:start}}
/* post lists */
body.sbgp-list .posts{gap:18px!important}
body.sbgp-list .post-card{border-radius:18px!important;border:1px solid #ece6d6!important;box-shadow:0 1px 2px rgba(11,26,18,.05)!important;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;background:#fff!important}
body.sbgp-list .post-card:hover{transform:translateY(-3px);border-color:#15803d!important;box-shadow:0 16px 30px -18px rgba(11,26,18,.45)!important}
body.sbgp .post-card .thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#07130c}
body.sbgp .post-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
body.sbgp .post-card:hover .thumb img{transform:scale(1.04)}
body.sbgp .post-card .thumb.gp-lg{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#1c5a3a,#0a2418 70%)}
body.sbgp .post-card .thumb.gp-lg img{width:auto!important;height:auto!important;max-width:96px!important;max-height:96px!important;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));background:#fff;border-radius:18px;padding:12px;box-sizing:content-box!important;transform:none!important}
body.sbgp .post-card .pc-body{padding:16px 18px 18px!important}
body.sbgp .post-card .tag{display:inline-block;padding:3px 10px;border-radius:999px;background:#eaf5ee!important;color:#15803d!important;font:600 12px Prompt,sans-serif!important;text-decoration:none!important}
body.sbgp .post-card h2{margin:10px 0 6px!important;font:700 17px/1.45 Prompt,sans-serif!important}
body.sbgp .post-card h2 a{color:#0d1912!important;text-decoration:none!important}
body.sbgp .post-card h2 a:hover{color:#15803d!important}
body.sbgp .pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:26px 0 8px}
body.sbgp .pagination .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid #e6e1d4;color:#0d1912!important;font:600 14px Prompt,sans-serif;text-decoration:none!important}
body.sbgp .pagination .page-numbers.current{background:#0f3a26;border-color:#0f3a26;color:#fcd34d!important}
body.sbgp .pagination a.page-numbers:hover{border-color:#15803d;color:#15803d!important}
/* single post */
body.sbgp-post main .layout>article.card>figure{margin:-28px -32px 22px!important;border-radius:20px 20px 0 0;overflow:hidden}
body.sbgp-post main .layout>article.card>figure img{width:100%;height:auto;display:block}
body.sbgp-post main .layout>article.card>figure.gp-lg{display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 40%,#1c5a3a,#0a2418 70%)}
body.sbgp-post main .layout>article.card>figure.gp-lg img{width:auto!important;height:auto!important;max-width:150px!important;max-height:150px!important;background:#fff;border-radius:22px;padding:14px}
body.sbgp-post .entry-content{font-size:17px;line-height:1.95}
body.sbgp-post nav.navigation{margin-top:26px;padding-top:18px;border-top:1px dashed #e6e1d4}
body.sbgp-post nav.navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.sbgp-post nav.navigation a{display:block;padding:14px 16px;border-radius:14px;border:1px solid #ece6d6;background:#fbfaf6;color:#0d1912!important;font:600 14px/1.5 Prompt,sans-serif;text-decoration:none!important}
body.sbgp-post nav.navigation a:hover{border-color:#15803d;color:#15803d!important}
/* 404 */
body.sbgp-404 main .card.empty{max-width:720px;margin:40px auto!important;text-align:center;padding:44px 32px!important;border-radius:24px!important;background:#fff!important;border:1px solid #ece6d6!important;box-shadow:0 20px 50px -30px rgba(11,26,18,.4)!important}
body.sbgp-404 main .card.empty .crumbs{display:block!important;text-align:center!important;font:900 96px/1 Rubik,sans-serif!important;color:#f5b301!important;margin:0 0 6px!important;letter-spacing:.04em}
body.sbgp-404 main .card.empty .page-title{font:800 28px/1.3 Prompt,sans-serif!important;color:#0d1912!important}
body.sbgp-404 main .card.empty>p{color:#46554d;font:400 15.5px/1.8 Anuphan,sans-serif}
body.sbgp-404 .searchform{display:flex;gap:8px;max-width:460px;margin:18px auto 0}
body.sbgp-404 .searchform input[type=search]{flex:1;min-width:0;padding:12px 16px;border-radius:999px;border:1px solid #e6e1d4;font:400 15px Anuphan,sans-serif}
body.sbgp-404 .searchform button{padding:12px 20px;border-radius:999px;border:0;background:#0f3a26;color:#fcd34d;font:700 14px Prompt,sans-serif;cursor:pointer}
body.sbgp-404 .gp-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
body.sbgp-404 .gp-links a{padding:8px 15px;border-radius:999px;border:1px solid #e6e1d4;background:#fbfaf6;color:#0d1912!important;font:600 13.5px Prompt,sans-serif;text-decoration:none!important}
body.sbgp-404 .gp-links a:hover{border-color:#15803d;color:#15803d!important}
@media (max-width:600px){
 body.sbgp .page-head.gp-on{column-gap:14px}
 body.sbgp .gp-logo{grid-row:2/3;width:56px;height:56px;margin-bottom:6px;box-shadow:0 0 0 3px #f5b301,0 8px 20px rgba(0,0,0,.3)}
 body.sbgp .page-head.gp-on>:not(.crumbs):not(.gp-logo):not(script):not(.gp-eye){grid-column:1/-1}
 body.sbgp .page-head.gp-on .gp-eye{align-self:center}
 body.sbgp-page main .layout>article.card,body.sbgp-post main .layout>article.card{padding:18px 16px!important;border-radius:18px!important}
 body.sbgp-post main .layout>article.card>figure{margin:-18px -16px 18px!important}
 body.sbgp .entry-content{font-size:15.5px}
 body.sbgp-post .entry-content{font-size:16px}
 body.sbgp .gp-intro{padding:13px 15px;gap:12px;font-size:14.5px}
 body.sbgp .gp-intro:before{width:32px;height:32px;background-size:17px}
 body.sbgp .entry-content ul.gp-ul>li{padding:10px 12px 10px 32px;font-size:15px}
 body.sbgp .entry-content ul.gp-ul>li:before{left:13px;top:19px}
 body.sbgp .fbth-champ{padding:16px!important;gap:14px}
 body.sbgp .fbth-champ img{width:58px!important;height:58px!important}
 body.sbgp .fbth-champ b a{font-size:21px}
 body.sbgp-post nav.navigation .nav-links{grid-template-columns:1fr}
 body.sbgp-404 main .card.empty .crumbs{font-size:72px!important}
}
/* club page v2 (12 Oct 03:15, owner sent /premier-league/clubs/manchester-city/ after the league-page redesigns):
   live box white with 2x2 stat tiles on phones, stadium photo as a full-width banner with the caption on it,
   black text, lighter weights like the league pages */
body.sbgp main .entry-content>.fbth:has(.fbth-live-top){background:#fff!important;border:1px solid #ece6d6!important;border-radius:18px!important;padding:16px!important;box-shadow:0 1px 2px rgba(11,26,18,.05)}
body.sbgp .fbth-live-top{display:grid!important;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center}
body.sbgp .fbth-live-top>img.crest{width:64px!important;height:64px!important;object-fit:contain}
body.sbgp .fbth-live-top .facts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.sbgp .fbth-live-top .facts>div{background:#fff!important;border:1px solid #e6e1d4!important;border-radius:14px!important;padding:11px 13px!important;min-width:0}
body.sbgp .fbth-live-top .facts span{display:block;font:400 12px/1.3 Prompt,sans-serif!important;color:#6b6f6c!important}
body.sbgp .fbth-live-top .facts b{display:block;margin:4px 0 3px;font:600 17px/1.25 Prompt,sans-serif!important;color:#000!important;overflow-wrap:anywhere}
body.sbgp .fbth-live-top .facts b.form{display:flex;gap:3px;margin:6px 0 5px}
body.sbgp .fbth-live-top .facts small{display:block;font:400 12.5px/1.35 Anuphan,sans-serif!important;color:#46554d!important}
body.sbgp .fbth-venue{position:relative;margin:14px 0 0!important;border-radius:14px;overflow:hidden;background:#0f3a26;text-align:left!important}
body.sbgp .fbth-venue img{display:block;width:100%!important;max-width:none!important;height:240px!important;object-fit:cover;margin:0!important}
body.sbgp .fbth-venue figcaption{position:absolute;left:0;right:0;bottom:0;margin:0!important;padding:28px 16px 12px!important;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff!important;font:500 14px/1.3 Prompt,sans-serif!important;text-align:left!important}
body.sbgp .fbth-more{margin:12px 0 0!important;text-align:left!important}
body.sbgp main .entry-content :is(.gp-ul li b,.gp-ul li strong,.gp-ul li a){font-weight:500!important}
body.sbgp main .entry-content>h2{font-weight:600!important;color:#000}
body.sbgp main .entry-content :is(.gp-ul li,.gp-intro){color:#000}
@media (max-width:760px){
 body.sbgp .fbth-live-top{grid-template-columns:1fr}
 body.sbgp .fbth-live-top>img.crest{width:52px!important;height:52px!important}
 body.sbgp .fbth-live-top .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.sbgp .fbth-live-top .facts>div{padding:10px 11px!important}
 body.sbgp .fbth-live-top .facts b{font-size:15px!important}
 body.sbgp .fbth-venue img{height:170px!important}
 body.sbgp main .entry-content>.fbth:has(.fbth-live-top){padding:12px!important}
}
