/*
Theme Name: Padang Scoreboard
Description: Sports portal with stadium scoreboard design.
*/
:root{--bg:#f6f4e8;--ink:#1c2b1e;--green:#1c7c3c;--dark:#101614;--gold:#d9a021;--panel:#fff;--dim:#5d6b5f;--line:#d8d4bd}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:'Arial Black','Arial',sans-serif;line-height:1.5}
a{color:var(--green);text-decoration:none}a:hover{color:var(--gold)}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.sb-strip{background:var(--dark);color:#fff;font-size:12px;letter-spacing:2px;padding:7px 0;text-align:center}
.sb-strip b{color:var(--gold)}
.sb-head{background:var(--green);padding:0 0 12px}
.sb-head-in{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:14px}
.sb-logo{background:var(--dark);color:#fff;padding:10px 16px;font-size:24px;letter-spacing:1px;line-height:1.1}
.sb-logo b{color:var(--gold)}
.sb-search{flex:1;min-width:230px;display:flex}
.sb-search input{flex:1;border:3px solid var(--dark);padding:11px 12px;font-family:inherit;font-size:14px}
.sb-search button{background:var(--gold);border:3px solid var(--dark);border-left:0;padding:0 20px;cursor:pointer;font-family:inherit;font-weight:900}
.gz-lang{display:flex}
.gz-lang__opt{background:#fff;border:3px solid var(--dark);padding:9px 14px;font-size:13px;font-weight:900}
.gz-lang__opt.is-on{background:var(--gold)}
.sb-nav{background:var(--dark);display:flex;flex-wrap:wrap;gap:0}
.sb-nav a{color:#fff;padding:10px 18px;font-size:13px;letter-spacing:1px;border-right:1px solid #2a3530}
.sb-nav a:hover{background:var(--gold);color:var(--dark)}
.sb-sec{padding:36px 0}
.sb-title{font-size:22px;text-transform:uppercase;letter-spacing:1px;margin-bottom:18px;display:flex;align-items:center;gap:12px}
.sb-title::before{content:'';width:14px;height:14px;background:var(--gold)}
.sb-title::after{content:'';flex:1;border-bottom:4px solid var(--green)}
/* match trio hero */
.sb-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:820px){.sb-trio{grid-template-columns:1fr}}
.match{background:var(--dark);color:#fff;position:relative;transition:transform .15s}
.match:hover{transform:translateY(-5px)}
.match img{width:100%;aspect-ratio:16/10;object-fit:cover;opacity:.92}
.match .bd{padding:12px;border-top:5px solid var(--gold)}
.match h3{font-size:15px;line-height:1.3}
.match .vs{display:flex;justify-content:space-between;font-size:11px;color:var(--gold);margin-top:8px;letter-spacing:2px}
/* category tiles */
.sb-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:860px){.sb-cats{grid-template-columns:repeat(2,1fr)}}
.sb-cat{position:relative;display:block}
.sb-cat img{width:100%;aspect-ratio:3/2;object-fit:cover}
.sb-cat span{position:absolute;left:0;right:0;bottom:0;background:rgba(16,22,20,.88);color:#fff;padding:8px 10px;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.sb-cat b{color:var(--gold)}
/* league list */
.sb-league{background:var(--panel);border:3px solid var(--dark)}
.sb-lrow{display:flex;gap:14px;align-items:center;padding:10px 12px;border-bottom:2px solid var(--line);transition:background .1s}
.sb-lrow:hover{background:#fdf8e7}
.sb-lrow:nth-child(odd){background:#f4f1e0}
.sb-lrow:hover{background:#fdf8e7}
.sb-lrow img{width:96px;aspect-ratio:4/3;object-fit:cover;border:2px solid var(--dark)}
.sb-lrow h3{font-size:14px}
.sb-lrow p{font-size:12px;color:var(--dim);font-family:Arial,sans-serif;margin-top:4px}
.sb-lrow .pos{font-size:20px;font-weight:900;color:var(--green);width:34px;text-align:center}
/* grid */
.sb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:960px){.sb-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.sb-grid{grid-template-columns:repeat(2,1fr)}}
.sb-card{background:var(--panel);border:3px solid var(--dark);transition:transform .12s}
.sb-card:hover{transform:translateY(-4px);border-color:var(--gold)}
.sb-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.sb-card h3{font-size:12.5px;padding:9px;line-height:1.3}
/* articles */
.sb-news{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:860px){.sb-news{grid-template-columns:1fr}}
.sb-art{background:var(--panel);border:3px solid var(--line);padding:16px}
.sb-art:hover{border-color:var(--green)}
.sb-art .kick{font-size:11px;letter-spacing:2px;color:var(--gold);text-transform:uppercase}
.sb-art h3{font-size:15px;margin:6px 0 8px}
.sb-art p{font-size:13px;font-family:Arial,sans-serif;color:var(--dim)}
/* single */
.sb-crumb{font-size:12px;letter-spacing:1px;margin:16px 0;text-transform:uppercase}
.sb-frame{border:4px solid var(--dark);background:var(--dark);max-width:960px}
.sb-screen iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.sb-stats{display:flex;flex-wrap:wrap;gap:10px;max-width:960px;margin:12px auto;font-size:12px;letter-spacing:1px}
.sb-stats span{background:var(--dark);color:#fff;padding:6px 12px}
.sb-stats b{color:var(--gold)}
.sb-body{max-width:960px;margin:20px auto;background:var(--panel);border:3px solid var(--line);padding:24px}
.sb-body h2,.sb-body h3{color:var(--green);margin:14px 0 8px;text-transform:uppercase}
.sb-body p{margin:8px 0;font-family:Arial,sans-serif}
.sb-faq details{border-bottom:2px solid var(--line);padding:8px 0}
.sb-faq summary{cursor:pointer;font-weight:900}
.sb-h1{font-size:26px;margin:14px 0}
.sb-sec .pagination{grid-column:1/-1}
.pagination{display:flex;gap:8px;justify-content:center;margin:26px 0}
.pagination .page-numbers{border:3px solid var(--dark);padding:6px 12px;font-size:13px;font-weight:900}
.pagination .current{background:var(--green);border-color:var(--green);color:#fff}
.sb-foot{background:var(--dark);color:#cfd8cf;margin-top:44px;padding:30px 0;font-family:Arial,sans-serif;font-size:13px}
.sb-foot a{color:var(--gold);margin-right:14px}
.sb-foot .sb-logo{display:inline-block;margin-bottom:12px}
.sb-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0}
.sb-chips a{border:3px solid var(--dark);padding:6px 14px;font-size:12px;font-weight:900;text-transform:uppercase}
.sb-chips a:hover{background:var(--gold)}
.sb-article{background:var(--panel);border:3px solid var(--line);padding:16px;margin-bottom:12px}
.sb-article h2{font-size:16px;margin-bottom:6px}
/* sb: match report + standings + coaching desk */
.sb-report-bar{background:var(--dark);color:#fff;display:flex;gap:18px;align-items:center;padding:10px 16px;margin-top:10px}
.sb-rcomp{background:var(--gold);color:var(--dark);font-weight:900;font-size:12px;padding:3px 12px;text-transform:uppercase}
.sb-rdate{font-size:12px;letter-spacing:1px}
.sb-rbrand{margin-left:auto;font-size:14px}
.sb-rbrand b{color:var(--gold)}
.sb-report-lead{font-family:Arial,sans-serif;font-size:15px;background:#fdf8e7;border-left:6px solid var(--green);padding:12px 16px;margin:12px 0 18px}
.sb-report-body{margin:0}
.sb-guidehub{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}
@media(max-width:860px){.sb-guidehub{grid-template-columns:repeat(2,1fr)}}
.sb-hubbox{background:var(--dark);color:#fff;padding:14px;text-align:center;border-bottom:5px solid var(--gold)}
.sb-hubbox b{display:block;font-size:12px;text-transform:uppercase}
.sb-hubbox span{font-size:11px;color:var(--gold)}
.sb-guides{display:grid;gap:10px}
.sb-guide-row{display:flex;gap:14px;align-items:center;background:var(--panel);border:3px solid var(--line);padding:12px 14px}
.sb-guide-row:hover{border-color:var(--green)}
.sb-gcomp{background:var(--green);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;padding:4px 10px;min-width:110px;text-align:center}
.sb-guide-row h3{font-size:14px}
.sb-guide-row p{font-size:12px;color:var(--dim);font-family:Arial,sans-serif}
.sb-guide-row time{margin-left:auto;font-size:11px;color:var(--dim)}
.sb-tablehead{background:var(--dark);color:#fff;display:flex;justify-content:space-between;padding:14px 16px;margin:16px 0}
.sb-tcomp{font-size:20px;font-weight:900}
.sb-tseason{color:var(--gold);font-size:12px;letter-spacing:2px}
.sb-standings .sb-rdate{margin-left:auto;color:var(--dim);font-size:11px}
.sb-wideband{margin:6px 0 30px}
.sb-wide-announce{background:var(--gold);color:var(--dark);font-weight:900;letter-spacing:2px;font-size:13px;padding:8px 14px;text-transform:uppercase}
.sb-widegrid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:3px solid var(--dark)}
@media(max-width:760px){.sb-widegrid{grid-template-columns:1fr}}
.sb-widematch{position:relative}
.sb-widematch img{width:100%;aspect-ratio:16/8;object-fit:cover}
.sb-widematch .bd{position:absolute;bottom:0;left:0;right:0;background:rgba(16,22,20,.9);color:#fff;padding:10px 12px}
.sb-widematch h3{font-size:16px}
.sb-split{display:grid;grid-template-columns:3fr 2fr;gap:22px;margin-bottom:12px;align-items:start}
@media(max-width:860px){.sb-split{grid-template-columns:1fr}}
.sb-split .sb-league{margin:0}
/* GAME-SCREEN sb */
.sb-scorebar{background:var(--dark);color:#fff;display:flex;align-items:center;gap:16px;padding:12px 18px;margin-top:12px}
.sb-team{display:flex;flex-direction:column;min-width:0}
.sb-team-r{text-align:right;margin-left:auto}
.sb-tlabel{color:var(--gold);font-size:10px;letter-spacing:2px;text-transform:uppercase}
.sb-team b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.sb-vs{background:var(--gold);color:var(--dark);font-weight:900;padding:4px 10px;font-size:12px}
.sb-player{background:#000;border:5px solid var(--dark);margin-top:0}
.sb-player iframe{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000}
.sb-noplay{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--dark)}
.sb-statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
@media(max-width:700px){.sb-statgrid{grid-template-columns:repeat(2,1fr)}}
.sb-stat{background:var(--panel);padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.sb-stat span{font-size:10px;letter-spacing:2px;color:var(--dim);text-transform:uppercase}
.sb-stat b{font-size:24px;color:var(--green);line-height:1.1}
.sb-stat b.sb-small{font-size:13px}
.sb-stat i{font-size:11px;color:var(--dim);font-style:normal}
.sb-report{background:var(--panel);border:3px solid var(--line);margin-top:22px;padding:0 0 18px}
.sb-h1{font-size:26px;padding:14px 20px 0;text-transform:uppercase}
.sb-report-lead{margin:12px 20px}
.sb-report-body{padding:0 20px;font-size:14px}
.sb-report-body h2{margin:18px 0 8px;color:var(--green)}
.sb-sub{margin:20px 20px 8px;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--dark)}
.sb-faq{padding:0 20px}
.sb-qa{border-left:5px solid var(--gold);background:#fdf8e7;padding:10px 12px;margin-bottom:8px}
.sb-qa b{font-size:13px}
.sb-qa p{font-size:12.5px;color:var(--dim);margin-top:4px}
.sb-report-foot{padding:14px 20px 0}
.sb-back{font-weight:900;font-size:13px}
.sb-sect{margin:26px 0 10px;font-size:16px;text-transform:uppercase;letter-spacing:2px}
.sb-fixtures{display:grid;gap:8px}
.sb-fixture{display:flex;align-items:center;gap:12px;background:var(--panel);border:3px solid var(--line);padding:10px 14px}
.sb-fixture:hover{border-color:var(--green)}
.sb-fx-comp{background:var(--green);color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;padding:3px 8px;min-width:86px;text-align:center}
.sb-fixture b{font-size:13px}
.sb-fx-go{margin-left:auto;font-size:11px;font-weight:900;color:var(--gold)}

/* deep-seo article */
.sb-art{max-width:900px;margin:0 auto;padding:26px 0 40px}
.sb-art-top{display:flex;gap:14px;align-items:center;font:700 11px/1 "Barlow Condensed",Impact,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#0f172a;border-bottom:2px solid #0f172a;padding-bottom:8px}
.sb-art-cat{background:#0f172a;color:#fff;padding:5px 9px}
.sb-art-date{color:#64748b}.sb-art-read{margin-left:auto;color:#b91c1c}
.sb-h1{font:800 clamp(28px,4.4vw,44px)/1.1 "Barlow Condensed",Impact,sans-serif;letter-spacing:-.01em;margin:16px 0 12px;color:#0f172a}
.sb-art-lead{font-size:19px;line-height:1.6;color:#334155;margin:0 0 18px;max-width:64ch}
.sb-toc{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 26px;padding:12px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.sb-toc-t{font:700 10px/1 "Barlow Condensed",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#94a3b8;align-self:center;margin-right:6px}
.sb-toc a{font:600 12.5px/1 "Barlow Condensed",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#0f172a;text-decoration:none;background:#f1f5f9;padding:7px 9px;border-left:2px solid #0f172a}
.sb-toc a:hover{background:#0f172a;color:#fff}
.sb-art-body{font-size:17.5px;line-height:1.85;color:#1e293b;max-width:72ch}
.sb-art-body h2{font:800 24px/1.25 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;margin:36px 0 12px;padding-left:12px;border-left:4px solid #b91c1c;scroll-margin-top:20px}
.sb-art-body h3{font:700 19px/1.35 "Barlow Condensed",sans-serif;margin:24px 0 8px;color:#0f172a}
.sb-art-body p{margin:0 0 16px}
.sb-art-body ul,.sb-art-body ol{margin:0 0 18px;padding-left:22px}
.sb-art-body li{margin-bottom:8px}
.sb-art-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
.sb-art-body th,.sb-art-body td{border-bottom:1px solid #e2e8f0;padding:10px 12px;text-align:left}
.sb-art-body th{background:#0f172a;color:#fff;font:700 11px/1.3 "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.sb-art-body tbody tr:nth-child(even){background:#f8fafc}
.sb-art-body blockquote{border-left:3px solid #b91c1c;margin:20px 0;padding:8px 0 8px 16px;color:#475569;font-style:italic}
.sb-faq{margin:40px 0 0;border-top:3px solid #0f172a;padding-top:20px}
.sb-h2{font:800 22px/1.3 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;margin:0 0 14px}
.sb-faq-item{border-bottom:1px solid #e2e8f0;padding:2px 0}
.sb-faq-item summary{display:flex;gap:10px;align-items:baseline;padding:12px 2px;cursor:pointer;font-weight:700;font-size:16.5px;list-style:none;color:#0f172a}
.sb-faq-item summary::-webkit-details-marker{display:none}
.sb-faq-n{font:700 11px/1.6 "Barlow Condensed",sans-serif;color:#b91c1c;letter-spacing:.1em}
.sb-faq-a{padding:0 0 14px 30px;font-size:16px;line-height:1.75;color:#334155}
.sb-faq-a p{margin:0}
.sb-rel{margin:38px 0 0;border-top:2px solid #0f172a;padding-top:18px}
.sb-rel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sb-rel-card{display:block;border:1px solid #e2e8f0;border-top:3px solid #0f172a;padding:14px;text-decoration:none;color:#0f172a;background:#fff}
.sb-rel-card:hover{border-top-color:#b91c1c}
.sb-rel-k{font:700 10px/1.3 "Barlow Condensed",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#b91c1c}
.sb-rel-card h3{font:700 17px/1.3 "Barlow Condensed",sans-serif;margin:6px 0}
.sb-rel-card p{font-size:13.5px;line-height:1.55;color:#64748b;margin:0}
.sb-more{margin:14px 0 0;font:700 12px/1.4 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.sb-more a{color:#b91c1c}
.sb-strip{margin:30px 0 0;background:#0f172a;padding:18px}
.sb-strip .sb-h2{color:#fff;margin-bottom:10px;font-size:18px}
.sb-strip-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px}
.sb-strip-list li{display:flex;justify-content:space-between;gap:10px;font-size:14.5px;border-bottom:1px solid rgba(255,255,255,.12);padding:6px 0;color:#e2e8f0}
.sb-strip-list a{color:#fff;text-decoration:none;font-weight:600}
.sb-strip-list span{color:#94a3b8;font-size:12px}
.sb-editor{margin:24px 0 0;border-top:1px solid #e2e8f0;padding-top:12px;font-size:13.5px;color:#64748b;line-height:1.6}
.sb-editor p{margin:0}
@media(max-width:820px){.sb-rel-grid,.sb-strip-list{grid-template-columns:1fr}.sb-art-body{font-size:17px}}