body.public-app .sports-editorial>.card{position:relative;isolation:isolate;background:linear-gradient(180deg,#04172cc9,#04172c 340px),url('assets/hatto-stadium-scoreboard.webp') center top/100% auto no-repeat;border:0;border-radius:0;box-shadow:none;color:#fff;padding:24px 18px}
.sports-eyebrow{font-size:10px;letter-spacing:.18em;color:#bad1e7;margin:0 0 14px;padding-left:14px;border-left:4px solid #ffdf20}
body.public-app .sports-editorial>.card>h2{margin:0 0 18px;background:none;border:0;padding:0;color:white;font-family:Impact,'Arial Narrow',sans-serif;font-weight:500;text-transform:uppercase;font-size:clamp(36px,8vw,64px);line-height:1.05;letter-spacing:.015em}
.sports-editorial>.card>h2>span{display:block;font-family:Arial,sans-serif;font-size:12px;text-transform:none;letter-spacing:.05em;color:#bfd5e9;margin-top:10px}
body.public-app .sports-editorial .stat-switch{background:none;border:0;border-bottom:1px solid #ffffff25;border-radius:0;padding:0;gap:16px}
body.public-app .sports-editorial .stat-switch-btn{background:none;border-radius:0;border:0;border-bottom:3px solid transparent;color:#bed1e4;padding:12px 6px}
body.public-app .sports-editorial .stat-switch-btn.active{color:#fff;border-bottom-color:#ffdf20;background:none;box-shadow:none}
body.public-app #tab-seizoen.sports-editorial .season-name-row>td>button{position:relative;isolation:isolate;background:none;border-bottom:1px solid #ffffff32;grid-template-columns:70px minmax(0,1fr) 34px 34px 18px;padding:12px 0;gap:9px;min-height:104px}
body.public-app #tab-seizoen.sports-editorial .season-name-row[data-shirt-number]>td>button:before{content:attr(data-number);position:absolute;z-index:-1;left:0;top:15px;color:transparent;-webkit-text-stroke:1px #ffdf2070;font:64px Impact,sans-serif}
body.public-app #tab-seizoen.sports-editorial .season-name-row .season-list-photo{width:70px;height:90px;background:none;object-fit:contain;object-position:center bottom;border-radius:0;filter:drop-shadow(0 4px 8px #0005)}
body.public-app #tab-seizoen.sports-editorial .season-list-name b{font-size:14px;color:white;text-shadow:none}
body.public-app #tab-seizoen.sports-editorial .season-list-stat strong{font-size:24px;color:white}
body.public-app #tab-seizoen.sports-editorial .season-position-heading td{background:none;color:#ffdf20;font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding-top:24px}
body.public-app #tab-seizoen.sports-editorial .season-name-row.open>td>button{background:#0c3d6455;box-shadow:none}
body.public-app #tab-programma .programme-broadcast-hero{padding:26px 0 30px;margin:12px 0 20px;border-bottom:1px solid #ffffff35;text-align:center;background:radial-gradient(ellipse at center,#135b9233,transparent 70%)}
.programme-broadcast-hero>small{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#ffdf20}.programme-broadcast-hero>p{font-size:12px;color:#d7e5f1;text-transform:capitalize}
.programme-hero-fixture{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;margin-top:24px}
.programme-hero-fixture>.fixture-team{display:flex;flex-direction:column;gap:10px;min-width:0;text-align:center;font-size:12px;color:white;overflow-wrap:anywhere}
.programme-hero-fixture .club-logo{width:52px;height:52px;object-fit:contain;background:none;border:0;padding:0;border-radius:0;box-shadow:none}
.programme-hero-fixture>div{display:grid;gap:8px}.programme-hero-fixture strong{font:48px Impact,'Arial Narrow',sans-serif;line-height:1;color:#fff}.programme-hero-fixture small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#bcd3e7}
body.public-app #tab-programma.sports-editorial .programme-match{background:none;border-radius:0;padding:16px 0}
@media(max-width:360px){body.public-app .sports-editorial>.card{padding:18px 10px}body.public-app #tab-seizoen.sports-editorial .season-name-row>td>button{grid-template-columns:54px minmax(0,1fr) 27px 27px 16px;gap:5px}body.public-app #tab-seizoen.sports-editorial .season-name-row .season-list-photo{width:54px;height:82px}body.public-app #tab-seizoen.sports-editorial .season-list-name b{font-size:12px}.programme-hero-fixture strong{font-size:38px}}
/* Override the legacy white table surface at every viewport, including hover. */
body.public-app #tab-seizoen.sports-editorial .season-table-wrap{max-width:820px;margin-inline:auto}
body.public-app #tab-seizoen.sports-editorial .season-table{width:100%;background:#061e38;border:0;border-radius:0;color:#fff}
body.public-app #tab-seizoen.sports-editorial .season-table tbody tr,
body.public-app #tab-seizoen.sports-editorial .season-table tbody tr:nth-child(even),
body.public-app #tab-seizoen.sports-editorial .season-table tbody tr:hover{background:#061e38!important;box-shadow:none;border-radius:0}
body.public-app #tab-seizoen.sports-editorial .season-table tbody td{background:transparent;color:#fff}
body.public-app #tab-seizoen.sports-editorial .season-table tbody tr.season-name-row{padding:0;border:0}
body.public-app #tab-seizoen.sports-editorial .season-table tbody .season-name-row>td>button{padding:10px 12px;background:#061e38;color:#fff;grid-template-columns:80px minmax(0,1fr) 44px 44px 24px;gap:12px}
body.public-app #tab-seizoen.sports-editorial .season-table .season-list-name small,
body.public-app #tab-seizoen.sports-editorial .season-table .season-list-stat small{color:#b9d1e7}
body.public-app #tab-seizoen.sports-editorial .season-table .season-name-row>td>button:before{left:10px;top:18px;z-index:0;pointer-events:none;font-size:56px}
body.public-app #tab-seizoen.sports-editorial .season-table .season-list-photo{position:relative;z-index:1;width:58px;margin-left:24px}
@media(max-width:560px){body.public-app #tab-seizoen.sports-editorial .season-table tbody .season-name-row>td>button{grid-template-columns:58px minmax(0,1fr) 28px 28px 18px;gap:7px;padding:9px 6px}body.public-app #tab-seizoen.sports-editorial .season-table .season-list-photo{width:42px;height:82px;margin-left:18px}body.public-app #tab-seizoen.sports-editorial .season-table .season-name-row>td>button:before{left:4px;font-size:42px;top:24px}body.public-app #tab-seizoen.sports-editorial .season-table .season-list-name b{font-size:12px}body.public-app #tab-seizoen.sports-editorial .season-table .season-list-stat strong{font-size:21px}}
/* Separate columns keep the outlined number clear of every portrait. */
body.public-app #tab-seizoen.sports-editorial .season-table{border-collapse:separate;border-spacing:0 9px;background:transparent}
body.public-app #tab-seizoen.sports-editorial .season-table tbody tr.season-name-row{background:transparent!important}
body.public-app #tab-seizoen.sports-editorial .season-table tbody .season-name-row>td{padding:0}
body.public-app #tab-seizoen.sports-editorial .season-table tbody .season-name-row>td>button{display:grid;grid-template-columns:50px 70px minmax(0,1fr) 48px 48px 18px;gap:12px;align-items:center;min-height:108px;padding:8px 16px;background:linear-gradient(110deg,#082848,#0b3970);border:1px solid #246098;border-radius:14px;color:#fff;text-align:left;overflow:hidden}
body.public-app #tab-seizoen.sports-editorial .season-table .season-name-row>td>button:before{content:attr(data-number);position:static;grid-column:1;grid-row:1;z-index:0;font:52px/1 Impact,'Arial Narrow',sans-serif;color:transparent;-webkit-text-stroke:1.3px #ffdf20;text-align:center;pointer-events:none}
body.public-app #tab-seizoen.sports-editorial .season-table .season-list-photo{grid-column:2;grid-row:1;width:70px;height:92px;margin:0;object-fit:contain;object-position:center bottom}
body.public-app #tab-seizoen.sports-editorial .season-table .season-list-name{grid-column:3;min-width:0;display:grid;gap:5px}
body.public-app #tab-seizoen.sports-editorial .season-table .season-list-name b{font-size:16px;line-height:1.2;overflow-wrap:break-word}
body.public-app #tab-seizoen.sports-editorial .season-table .season-list-stat{text-align:center;display:grid;gap:4px}
body.public-app #tab-seizoen.sports-editorial .season-table .season-list-stat strong{font-size:26px;line-height:1}
body.public-app #tab-seizoen.sports-editorial .season-table .season-list-stat small{font-size:10px}
body.public-app #tab-seizoen.sports-editorial .season-table .season-name-row>td>button>i{color:#c6dff2;text-align:center}
body.public-app #tab-seizoen.sports-editorial .season-table .season-name-row>td>button:hover,
body.public-app #tab-seizoen.sports-editorial .season-table .season-name-row.open>td>button{border-color:#ffdf20;background:linear-gradient(110deg,#0b3055,#10447d)}
body.public-app #tab-seizoen.sports-editorial .season-table .season-name-row>td>button:focus-visible{outline:2px solid #ffdf20;outline-offset:2px}
@media(max-width:560px){body.public-app #tab-seizoen.sports-editorial .season-table tbody .season-name-row>td>button{grid-template-columns:32px 44px minmax(0,1fr) 28px 28px 12px;gap:6px;padding:8px;min-height:86px;border-radius:11px}body.public-app #tab-seizoen.sports-editorial .season-table .season-name-row>td>button:before{font-size:36px;-webkit-text-stroke:1px #ffdf20}body.public-app #tab-seizoen.sports-editorial .season-table .season-list-photo{width:44px;height:72px;margin:0}body.public-app #tab-seizoen.sports-editorial .season-table .season-list-name b{font-size:12px}body.public-app #tab-seizoen.sports-editorial .season-table .season-list-name small{font-size:10px}body.public-app #tab-seizoen.sports-editorial .season-table .season-list-stat strong{font-size:21px}body.public-app #tab-seizoen.sports-editorial .season-table .season-list-stat small{font-size:8px}}
