@import url("masthead.css?v=20261114");

.portal { --section-space: clamp(24px, 4vw, 54px); --display-ink: #15233a; }
.portal .site-header .brand-row { min-height: 70px; }
.portal .site-header .main-nav .container { gap: clamp(10px, 1.55vw, 27px); }
.site-brand-logo { width: clamp(180px, 19vw, 245px); }
.portal .ribbon-weather {
    background: #e8effb; border: 1px solid #d2dff6; border-radius: 10px;
    padding: 9px 13px; color: #173668; font-size: 13px; font-weight: 800;
}
.ribbon-weather:hover { background: #dce8fb; }
.desktop-headlines { display: none; }
@media(min-width:1000px){
    .portal .desktop-headlines { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px auto 0; }
    .desktop-headlines a{display:grid;grid-template-rows:auto 1fr;gap:10px;border-bottom:1px solid var(--stroke);padding-bottom:12px;}
    .desktop-headlines img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:9px;background:#e8edf4;}
    .desktop-headlines strong{font-size:clamp(14px,1.3vw,18px);line-height:1.35;}
    .desktop-headlines a:hover strong{color:var(--red);}
}
.match-intro{position:relative;isolation:isolate;overflow:hidden;padding-inline-end:clamp(86px,17vw,210px)!important}
.match-ball{position:absolute;inset-inline-end:6%;top:50%;font-size:clamp(34px,8vw,96px);animation:edition-ball 3.6s ease-in-out infinite}
@keyframes edition-ball{0%,100%{transform:translateY(-50%) rotate(-17deg)}50%{transform:translateY(-64%) rotate(17deg)}}
.score-team{display:grid;justify-items:center;gap:10px}
.score-team img,.fixture-teams img{object-fit:contain;flex:none}
.fixture-teams{display:grid;gap:8px}
.fixture-teams span{display:flex;align-items:center;gap:8px;color:inherit;font-size:inherit}
.match-center .fixture-card:hover{border-color:#9aaac1}
.league-table{margin:var(--section-space) 0;border:1px solid var(--stroke);border-radius:15px;overflow:hidden;background:var(--surface)}
.league-table header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:17px 19px}
.league-table h2{margin:0;font-size:clamp(18px,2.8vw,26px)}
.league-table header span{font-size:12px}
.league-table [role=region],.gold-table{overflow:auto}
.league-table table,.gold-table table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.league-table td,.league-table th,.gold-table td,.gold-table th{padding:12px 14px;text-align:right;border-top:1px solid var(--stroke);white-space:nowrap}
.league-table th:nth-child(2),.league-table th[scope=row],.gold-table th:first-child{text-align:left}
.league-table thead,.gold-table thead{background:#15233a;color:#fff}
.league-table tbody tr:nth-child(even),.gold-table tbody tr:nth-child(even){background:#63799a0a}
.league-table tbody td:last-child{font-weight:850;color:#a91b42}
.gold-page,.tip-page{padding-block:var(--section-space)}
.gold-hero{background:linear-gradient(120deg,#171e30,#3a3027);color:#fff;padding:clamp(22px,5vw,50px);border-radius:16px}
.gold-hero p{color:#f1c578;font-size:14px;font-weight:750;margin:0}
.gold-hero h1,.tip-page h1{font-size:clamp(28px,5vw,52px);letter-spacing:-.045em;line-height:1.1;margin:8px 0 14px}
.gold-hero [role=status]{color:#f6dcae;font-weight:650}
.gold-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block:22px}
.gold-controls input,.tip-form input:not([type=checkbox]),.tip-form textarea{border:1px solid var(--stroke);border-radius:9px;padding:11px 12px;background:var(--surface);color:var(--ink);font-size:16px}
.gold-table{border:1px solid var(--stroke);border-radius:12px}
.gold-table .up{color:#047455;font-weight:750}.gold-table .down{color:#ab1737;font-weight:750}
.gold-table tbody tr:hover,.league-table tbody tr:hover{background:#cc960d12}
.tip-page{max-width:780px}
.tip-form{display:grid;gap:18px;background:var(--surface);border:1px solid var(--stroke);border-radius:16px;padding:clamp(15px,4vw,32px)}
.tip-form label{display:grid;gap:6px;font-weight:680}
.tip-form textarea{resize:vertical;min-height:130px}
.tip-form details{background:#6b80a10d;border:1px solid var(--stroke);border-radius:8px;padding:12px}
.tip-form .tip-check{grid-template-columns:20px 1fr;align-items:baseline;font-weight:500}
.tip-form button{justify-self:start;min-height:44px}
.pharmacy-map{margin-top:20px;padding:14px;border:1px solid var(--stroke);border-radius:12px}
.pharmacy-map summary{cursor:pointer;font-weight:750}
.pharmacy-map iframe{display:block;width:100%;height:clamp(420px,72vh,690px);border:0;border-radius:8px;margin-top:12px}
.article-cover figcaption{padding:9px 0;color:#627087;font-size:12px;line-height:1.55}
.portal :is(.desktop-headlines a,.gold-controls input,.gold-table,.league-table [role=region],.tip-form input,.tip-form textarea):focus-visible{outline:3px solid #3763c9;outline-offset:3px}
@media(max-width:760px){
    .portal .site-header .brand-row{min-height:64px}
    .site-brand-logo{width:clamp(128px,44vw,202px)}
    .portal .ribbon-weather{padding:7px 8px;font-size:11px;margin-inline-end:1px}
    .league-table td,.league-table th,.gold-table td,.gold-table th{padding:10px 9px;font-size:12px}
    .league-table header{padding:14px 12px}
    .gold-controls input{width:100%}
}
@media(prefers-reduced-motion:reduce){.match-ball{animation:none;transform:translateY(-50%)}}