/* FFF Site Refresh v0.4.2 / results grid; isolated to .fffds-grid */
.fffds-grid{--ff-navy:#14283e;--ff-blue:#0d6e9d;--ff-pink:#d9477f;--ff-line:#e2eaf0;color:var(--ff-navy);background:#f4f7fa;max-width:1480px;margin:22px auto 50px;padding:27px;border-radius:17px;font:14px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;box-sizing:border-box}
.fffds-grid *{box-sizing:border-box}.fffds-grid h1,.fffds-grid h2,.fffds-grid p{font-family:inherit}.fffds-grid a{color:var(--ff-blue);text-decoration:none}.fffds-grid a:hover{text-decoration:underline}.fffds-grid :focus-visible{outline:3px solid #e79aba;outline-offset:2px}
.fffds-grid-intro{padding:10px 3px 25px}.fffds-grid-kicker{color:var(--ff-pink);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.fffds-grid-intro h1{margin:0 0 4px;color:var(--ff-navy);font-size:clamp(27px,3vw,36px);font-weight:850;letter-spacing:-.035em}.fffds-grid-intro p{margin:0;color:#71899c;font-size:13px}
.fffds-grid-panel{background:#fff;border:1px solid var(--ff-line);border-radius:14px;box-shadow:0 5px 22px rgba(12,37,56,.045);overflow:hidden}.fffds-grid-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;padding:22px 24px;background:white;margin:0;border-bottom:1px solid var(--ff-line)}.fffds-grid-select{display:flex;flex-direction:column;gap:6px;min-width:180px}.fffds-grid-select:last-of-type{min-width:min(330px,100%)}.fffds-grid-select label{color:#627c8f;font-weight:750;font-size:12px}.fffds-grid-select select{height:43px;background:#fff;color:#14283e;padding:7px 12px;border:1px solid #cbdce8;border-radius:9px;font:700 13px system-ui,-apple-system,"Segoe UI",sans-serif;max-width:100%;cursor:pointer}.fffds-grid-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:24px 24px 16px}.fffds-grid-info h2{color:var(--ff-navy);font-size:22px;font-weight:830;margin:0;line-height:1.2}.fffds-grid-info p{color:#71899c;margin:6px 0 0;font-size:12px}.fffds-grid-count{background:#eef4f8;color:#5c7588;font-size:11px;font-weight:750;padding:6px 10px;border-radius:20px;white-space:nowrap}
.fffds-grid-scroll{overflow-x:auto;overflow-y:auto;max-height:none;margin:0 18px;border:1px solid var(--ff-line);border-radius:10px;scrollbar-color:#b0c6d5 #f4f7fa}.fffds-grid-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;margin:0!important;border:0!important;table-layout:fixed}.fffds-grid-table th,.fffds-grid-table td{font:600 12px/1.35 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;text-align:center;vertical-align:middle;border:0;border-right:1px solid var(--ff-line);border-bottom:1px solid var(--ff-line);padding:10px 8px;height:60px;min-width:100px;max-width:118px}.fffds-grid-table thead th{position:sticky;top:0;background:#f3f7fa;z-index:2;color:#365970;font-weight:790}.fffds-grid-table thead th a{color:#20516d}.fffds-grid-table th:first-child{min-width:172px;max-width:172px;text-align:left;position:sticky;left:0;background:#f7fafc;z-index:3;box-shadow:2px 0 4px rgba(15,54,76,.035)}.fffds-grid-table thead th:first-child{z-index:4;background:#eef4f8;color:#4c7087}.fffds-grid-table tbody tr:nth-child(even) td{background:#fafcfd}.fffds-grid-table tbody th a{color:#1d5578}.fffds-grid-table tbody tr:hover td:not(.fffds-grid-self){background:#f2f9fd}.fffds-grid-table td.fffds-grid-self{background:#eff2f5!important;color:#cad7df}.fffds-grid-score{display:inline-block;color:#224d6a;font-weight:850;font-size:13px;padding:5px 8px;background:#eaf3f9;border-radius:6px;white-space:nowrap}.fffds-grid-score.is-fixture{color:#93a7b8;background:#f3f6f8}.fffds-grid-date{display:block;color:#889eae;font-size:10px;font-weight:500;margin-top:4px}.fffds-grid-dash{color:#b4c5d0}.fffds-grid-help{padding:12px 22px 18px;font-size:11px;color:#768fa1;margin:0}.fffds-grid-empty{padding:40px 25px;color:#748c9c}.fffds-grid-alert{color:#aa3150}
@media(max-width:620px){.fffds-grid{padding:12px 9px;margin:12px auto 26px;border-radius:10px}.fffds-grid-intro{padding:12px 7px 22px}.fffds-grid-intro h1{font-size:29px}.fffds-grid-filters{padding:17px 12px;gap:10px}.fffds-grid-select{flex:1;min-width:0}.fffds-grid-select:last-of-type{min-width:100%}.fffds-grid-select select{width:100%}.fffds-grid-info{padding:20px 14px 14px}.fffds-grid-info h2{font-size:20px}.fffds-grid-scroll{margin:0 7px;max-height:none}.fffds-grid-table th:first-child{min-width:136px;max-width:136px}.fffds-grid-table th,.fffds-grid-table td{min-width:85px;max-width:90px;padding:8px 6px;font-size:11px}.fffds-grid-help{padding:11px}}

/* v0.4.1: Elementor's shortcode column is narrower than the available viewport.
   Centre a wider grid on the screen without changing any other template. */
.fffds-grid {
  width: min(1520px, calc(100vw - 44px));
  max-width: none;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 22px 0 50px;
}
/* Fluid team columns on desktop, but retain scrolling when a league has
   too many clubs to fit legibly. The number of clubs is set on the wrapper. */
.fffds-grid-table {
  width: 100%;
  min-width: max(100%, calc(160px + var(--fffds-team-count, 13) * 86px));
  table-layout: fixed;
}
.fffds-grid-table th,.fffds-grid-table td {
  min-width: 0;
  max-width: none;
  height: 53px;
  padding: 8px 5px;
  overflow-wrap: break-word;
}
.fffds-grid-table th:first-child {
  width: 160px;
  min-width: 160px;
  max-width: 160px;
}
.fffds-grid-table thead th {font-size: 11px;}
.fffds-grid-score {font-size: 12px; padding: 4px 6px;}
.fffds-grid-date {font-size: 10px; margin-top: 3px;}
@media (max-width: 800px) {
  .fffds-grid {width: calc(100vw - 24px); margin: 12px 0 28px; padding: 14px 12px;}
  .fffds-grid-table {min-width: max(100%, calc(138px + var(--fffds-team-count, 13) * 85px));}
  .fffds-grid-table th:first-child {width: 138px; min-width: 138px; max-width: 138px;}
}
@media (max-width: 620px) {
  .fffds-grid {width: calc(100vw - 16px); padding: 12px 9px;}
  .fffds-grid-table th:first-child {width: 132px; min-width: 132px; max-width: 132px;}
  .fffds-grid-table {min-width: max(100%, calc(132px + var(--fffds-team-count, 13) * 84px));}
  .fffds-grid-table th,.fffds-grid-table td {padding: 8px 5px; font-size: 11px;}
}

/* v0.4.2: Let the grid expand to full height. The browser scrolls vertically;
   only exceptionally wide tables need their own horizontal scrollbar. */