/* CFL final-score archive integrated with the existing dark league design. */
.cfl-match-archive{padding-top:58px;padding-bottom:76px;border-top:1px solid var(--line)}
.archive-controls{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin:5px 0 22px}
.archive-controls label{display:grid;gap:9px;color:var(--muted);font-size:10px;letter-spacing:.12em;font-weight:850;min-width:160px}
.archive-controls select{appearance:none;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-top:2px solid var(--accent);padding:13px 35px 13px 14px;min-height:44px;font-size:13px;font-weight:850;cursor:pointer;border-radius:0}
.archive-controls select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#archiveStatus{flex:1;min-width:150px;color:var(--muted);font-size:11px;line-height:1.5}
.archive-duels{display:grid;gap:12px}
.archive-result{background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--accent);min-width:0}
.archive-result summary{list-style:none;display:grid;align-items:center;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:18px;cursor:pointer;padding:18px 20px}
.archive-result summary::-webkit-details-marker{display:none}
.archive-result summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.archive-team{display:flex;gap:11px;align-items:center;min-width:0}
.archive-team.away{flex-direction:row-reverse;text-align:right}
.archive-team img,.archive-fallback{width:42px;height:42px;object-fit:contain;flex:0 0 42px}
.archive-fallback{display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid var(--line);font-size:12px;font-weight:850}
.archive-team b{font-size:12px;font-weight:850;line-height:1.45;overflow-wrap:anywhere}
.archive-scores{font-variant-numeric:tabular-nums;display:flex;gap:8px;align-items:center;justify-content:center;font-size:23px;font-weight:950;white-space:nowrap;letter-spacing:-.025em}
.archive-scores .won{color:var(--accent)}
.archive-scores i{font-style:normal;color:var(--muted);font-weight:600;font-size:13px}
.archive-toggle{font-size:19px;color:var(--accent);transition:transform .18s}
.archive-result[open] .archive-toggle{transform:rotate(180deg)}
.archive-detail{border-top:1px solid var(--line)}
.archive-result .wp-compact{padding:14px 18px 15px}
.archive-no-trend{padding:18px 20px;font-size:12px;line-height:1.55;color:var(--muted)}
.archive-header-line{font-size:10px;font-weight:850;letter-spacing:.12em;color:var(--muted);padding:7px 0 11px}
@media(max-width:650px){.archive-controls{gap:10px}.archive-controls label{flex:1;min-width:130px}.archive-result summary{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 14px;padding:14px 11px;gap:5px}.archive-team{gap:6px;flex-direction:column;align-items:flex-start}.archive-team.away{flex-direction:column;align-items:flex-end}.archive-team img,.archive-fallback{width:36px;height:36px;flex-basis:36px}.archive-team b{font-size:10px}.archive-scores{font-size:16px;gap:4px}.archive-result .wp-compact{padding:12px}}