.sgp{--sgp-blue:#145f9e;--sgp-ink:#172b42;max-width:1120px;margin:24px auto;color:var(--sgp-ink);font:16px/1.55 system-ui,-apple-system,sans-serif}.sgp *{box-sizing:border-box}.sgp-head{background:#eef6fc;border-bottom:2px solid #0003;padding:30px;border-radius:12px 12px 0 0}.sgp-kicker{font-size:12px;letter-spacing:.12em;font-weight:800;color:var(--sgp-blue)}.sgp h2{font-size:clamp(25px,4vw,38px);line-height:1.2;margin:10px 0}.sgp h3{font-size:22px;line-height:1.3;margin:12px 0}.sgp-nav{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0}.sgp a{color:var(--sgp-blue)}.sgp-nav a{padding:10px 14px;border-radius:6px;text-decoration:none;font-weight:650}.sgp-nav a[aria-current],.sgp-nav a:hover{background:#eef6fc}.sgp-nav .sgp-nav-join{background:var(--sgp-blue);color:#fff}.sgp-nav .sgp-nav-join:hover{background:#104c7e}.sgp-welcome{padding:14px 18px;margin:0 0 18px;background:#eef6fc;border:1px solid #c9ddec;border-left:4px solid var(--sgp-blue);border-radius:8px;color:var(--sgp-ink)}.sgp-card{padding:24px;margin:0 0 18px;background:white;border:1px solid #d9e3ed;border-radius:10px;box-shadow:0 3px 12px #16395608;scroll-margin-top:140px}.sgp-meta,.sgp-muted{color:#52677a;font-size:14px}.sgp-actual{margin:12px 0 4px}.sgp-personal-result{border-left:4px solid #eef6fc;padding-left:14px}.sgp-bulk-form{margin:0}.sgp-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px!important;background:#145f9e!important;color:white!important;border:0;border-radius:6px;text-decoration:none;font-size:15px;font-weight:700;cursor:pointer}.sgp-button:hover{background:#104c7e!important}.sgp :focus-visible{outline:3px solid #c96a00;outline-offset:3px}.sgp-entry{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:18px}.sgp-entry label{display:flex;flex-direction:column;gap:6px;max-width:180px;font-size:13px;font-weight:650}.sgp-entry input[type=number]{display:block;width:85px;min-height:48px;padding:8px;border:1px solid #8096ac;border-radius:5px;font:700 20px system-ui;color:#172b42;background:white}.sgp-consensus{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:520px;margin:18px 0}.sgp-consensus span{background:#eef6fc;padding:12px;border-radius:6px;font-size:13px}.sgp-consensus strong{display:block;font-size:23px}.sgp-saved,.sgp-points{font-weight:750;color:#17653d}.sgp-alert{padding:12px 16px;margin:0 0 18px;border:1px solid #e6b8b8;border-radius:8px;background:#fff4f4;color:#8a1f1f}.sgp-alert.sgp-success{border-color:#a9d8b7;background:#f0fbf3;color:#17653d}.sgp-auth-card{max-width:560px}.sgp-auth-card form{display:grid;gap:14px;max-width:440px}.sgp-auth-card label{display:grid;gap:6px;font-weight:650}.sgp-auth-card input[type=text],.sgp-auth-card input[type=email],.sgp-auth-card input[type=password],.sgp-auth-card select{width:100%;min-height:46px;padding:9px 11px;border:1px solid #8096ac;border-radius:5px;font:16px system-ui;color:var(--sgp-ink);background:#fff}.sgp-auth-card .sgp-check{display:flex;align-items:center;gap:8px;font-weight:400}.sgp-auth-card .sgp-check input{width:18px;height:18px}.sgp-fan-heading{margin-top:36px}.sgp-table-wrap{overflow:auto}.sgp table{width:100%;border-collapse:collapse;background:white}.sgp th,.sgp td{text-align:left;padding:14px;border-bottom:1px solid #d9e3ed}.sgp th{background:#eef6fc}.sgp caption{text-align:left;padding:12px;font-weight:700}@media(max-width:600px){.sgp{margin:12px auto}.sgp-head,.sgp-card{padding:18px}.sgp-entry label{max-width:calc(50% - 25px)}.sgp-entry button{width:100%}.sgp-nav a{padding:9px;font-size:14px}}
.sgp{--sgp-blue:#2d90e5;--sgp-ink:#1f2f3f;--sgp-pale:#eef7ff;font-family:"Open Sans",Arial,sans-serif}.sgp h2,.sgp h3,.sgp table,.sgp button,.sgp input,.sgp select{font-family:"Open Sans",Arial,sans-serif}.sgp-head{background:var(--sgp-pale);border-bottom-color:#9aa7b5}.sgp-nav a[aria-current],.sgp-nav a:hover,.sgp-welcome,.sgp-consensus span,.sgp th{background:var(--sgp-pale)}.sgp a{color:var(--sgp-blue)}.sgp-button,.sgp-nav .sgp-nav-join{background:var(--sgp-blue)!important}.sgp-button:hover,.sgp-nav .sgp-nav-join:hover{background:#1879c5!important}.sgp :focus-visible{outline-color:var(--sgp-blue)}.sgp-danger-card{border-color:#e2c9c9}.sgp-button-danger{background:#a52828!important}.sgp-button-danger:hover{background:#842020!important}.sgp hr{border:0;border-top:1px solid #d9e3ed;width:100%}
.sgp-phase-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px;padding:0 0 10px;border-bottom:1px solid #c9ddec}.sgp-phase-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #c9ddec;border-radius:6px;background:#fff;text-decoration:none;font-weight:700}.sgp-phase-tabs a[aria-current="page"]{background:var(--sgp-blue);border-color:var(--sgp-blue);color:#fff}.sgp-phase-tabs a:hover{background:var(--sgp-pale);color:var(--sgp-blue)}.sgp-phase-tabs a[aria-current="page"]:hover{background:#1879c5;color:#fff}.sgp-save-one{margin-left:4px}.sgp-save-all{margin-top:2px}@media(max-width:600px){.sgp-phase-tabs{display:grid;grid-template-columns:1fr;gap:6px}.sgp-phase-tabs a{justify-content:center;text-align:center}.sgp-save-one{margin:4px 0 0;width:100%}}
.sgp-inline-error{margin:10px 0 0;padding:10px 12px;border-left:4px solid #b42318;border-radius:4px;background:#fff1f0;color:#b42318;font-weight:700}
.sgp-round-heading{margin:22px 0 12px;color:var(--sgp-ink)}.sgp-round-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 20px;padding-top:8px}.sgp-round-nav a:not(.sgp-button){font-weight:700;text-decoration:none}.sgp-next-round{margin-left:auto}.sgp-share-x{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none}.sgp-share-x::before{content:"𝕏";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#111;color:#fff;font-size:13px}

/* Fixed, compact score columns keep the dash exactly between both inputs. */
.sgp .sgp-entry{display:grid;grid-template-columns:56px 16px 56px minmax(0,1fr);align-items:end;column-gap:6px;row-gap:12px}
.sgp .sgp-entry label{width:56px;max-width:none;min-width:0;margin:0;text-align:center;gap:6px}
.sgp .sgp-entry input[type=number]{box-sizing:border-box;width:56px;min-width:56px;max-width:56px;height:48px;min-height:48px;margin:0;padding:6px;text-align:center;appearance:textfield;-moz-appearance:textfield}
.sgp .sgp-entry input[type=number]::-webkit-inner-spin-button,.sgp .sgp-entry input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sgp .sgp-entry>span{display:flex;align-items:center;justify-content:center;align-self:end;height:48px;margin:0;padding:0;text-align:center}
.sgp .sgp-entry button{justify-self:start;margin:0 0 0 10px}
.sgp .sgp-matchup{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.sgp .sgp-team{display:inline-flex;align-items:center;gap:8px;min-width:0}
.sgp .sgp-team>span{overflow-wrap:anywhere}
.sgp img.sgp-crest{display:block;flex:0 0 36px;width:36px;height:36px;max-width:none;object-fit:contain;margin:0;padding:0;border:0;border-radius:0}
@media(max-width:600px){.sgp .sgp-entry{grid-template-columns:56px 16px 56px}.sgp .sgp-entry button{grid-column:1/-1;width:100%;margin:0}.sgp .sgp-matchup{font-size:19px}}
/* News page */
.sgp-news-intro{margin:12px 0 22px}.sgp .sgp-news-intro h3{font-size:30px;margin-bottom:8px}.sgp-news-intro p{max-width:720px;color:#52677a}
.sgp-news-filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px;padding:18px;background:var(--sgp-pale);border-radius:8px}.sgp-news-filter label{font-weight:700}.sgp-news-filter select{min-height:44px;max-width:100%;padding:8px 12px;border:1px solid #8096ac;border-radius:5px;background:#fff;color:var(--sgp-ink);font:inherit}
.sgp-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sgp .sgp-news-card{display:flex;flex-direction:column;overflow:hidden;padding:0;margin:0}.sgp-news-figure{margin:0}.sgp-news-figure[hidden]{display:none}.sgp .sgp-news-photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0;border:0;border-radius:0}.sgp-news-figure figcaption{font-size:11px;line-height:1.5;color:#52677a;padding:8px 20px;background:#f5f8fb}
.sgp-news-body{display:flex;flex-direction:column;flex:1;padding:22px}.sgp-news-clubs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px;font-size:12px;font-weight:700}.sgp-news-clubs .sgp-team{gap:5px}.sgp .sgp-news-clubs img.sgp-crest{width:24px;height:24px;flex-basis:24px}.sgp .sgp-news-card h3{font-size:24px;line-height:1.25;margin:10px 0 12px}.sgp-news-body p{margin:0 0 15px;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.sgp-news-body .sgp-news-reference{margin-top:auto;margin-bottom:0;padding-top:16px;border-top:1px solid #d9e3ed;font-size:13px}.sgp-news-reference a{font-weight:650;text-underline-offset:3px}
@media(max-width:700px){.sgp-news-grid{grid-template-columns:1fr}.sgp-news-filter{gap:10px}.sgp-news-filter label{width:100%}.sgp-news-filter select{flex:1;min-width:0}.sgp .sgp-news-card h3{font-size:23px}.sgp-news-body{padding:18px}}
