.archive-page { --ink:#fff; --muted:#c8bbb2; --line:rgba(255,255,255,.17); --paper:#211a15; --white:rgba(255,255,255,.035); --orange-dark:#ffa25c; min-width:0; font-size:1rem; line-height:1.5; color-scheme:dark; }
.archive-page .crest-wrap{background:#fffdf9}
.archive-page.archive-modal-open{overflow:hidden}
.archive-page a { color:inherit; text-underline-offset:.2em; }
.archive-main { padding-block:2rem 3rem; }
.archive-heading { margin-bottom:1.5rem; }
.archive-heading h1 { font-size:clamp(4rem,9vw,7rem); line-height:1; }
.archive-heading>p:last-child { color:var(--muted); margin:.75rem 0 0; }
.archive-page h2 { font:800 1.8rem/1.15 'Barlow Condensed',sans-serif; text-transform:uppercase; margin:0; }
.archive-search { padding:1.5rem; margin-bottom:2rem; border:1px solid var(--line); border-left:4px solid var(--orange); border-radius:var(--radius); background:var(--white); }
.archive-search label { display:block; font-weight:600; margin:1rem 0 .4rem; font-size:.875rem; }
.archive-search input { width:100%; min-height:3rem; padding:.75rem; font:inherit; border:1px solid var(--line); border-radius:.5rem; color:var(--ink); background:rgba(0,0,0,.22); }
.archive-search input::placeholder{color:var(--muted)}
.archive-page :focus-visible { outline:3px solid var(--orange-dark); outline-offset:3px; }
#search-help,#search-status { font-size:.875rem; color:var(--muted); margin:.7rem 0 0; }
.archive-section-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
#season-total { color:var(--muted); font-size:.875rem; }
.archive-season { margin-bottom:1rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--white); overflow:hidden; }
.archive-season summary { padding:1.1rem 1.4rem; cursor:pointer; font:800 1.65rem/1.25 'Barlow Condensed',sans-serif; }
.archive-season summary span { margin-left:1rem; color:var(--muted); font:400 .875rem/1.4 Inter,sans-serif; }
.archive-season[open] summary { border-bottom:1px solid var(--line); }
.archive-list { list-style:none; padding:0; margin:.5rem 0 0; }
.archive-season>.archive-list { margin:0; }
.archive-category h3 { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; margin:0; padding:.8rem 1.4rem; color:var(--orange-dark); background:rgba(244,123,32,.1); border-left:4px solid var(--orange); font:800 1.35rem/1.3 'Barlow Condensed',sans-serif; }
.archive-category h3 span { color:var(--muted); font:400 .875rem/1.4 Inter,sans-serif; }
.archive-category+.archive-category { border-top:1px solid var(--line); }
.archive-category>.archive-list { margin:0; }
.archive-category-label { display:inline-block; margin:.8rem 0 0; color:var(--orange-dark); font-weight:700; }
.archive-category .archive-row small { margin-top:.3rem; }
.archive-list li+li { border-top:1px solid var(--line); }
.archive-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.4rem; width:100%; border:0; border-radius:0; color:var(--ink); background:transparent; text-align:left; cursor:pointer; font:inherit; text-decoration:none; }
.archive-row:hover { background:rgba(244,123,32,.08); }
.archive-row strong,.archive-row small { display:block; }
.archive-row small,.archive-meta { color:var(--muted); font-size:.875rem; }
.archive-meta { flex-shrink:0; text-align:right; }
#search-results .archive-row { padding-inline:0; }
.archive-page #search-more { font:inherit; min-height:2.75rem; padding:.5rem 1rem; border:1px solid var(--line); border-radius:.5rem; background:var(--white); color:var(--ink); cursor:pointer; }
#search-more { margin-top:.8rem; }
.archive-page [hidden] { display:none!important; }
#archive-dialog { position:fixed; inset:0; margin:auto; width:min(56rem,calc(100% - 2rem)); max-height:calc(100dvh - 2rem); overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:1.75rem; border:1px solid var(--line); border-radius:var(--radius); color:var(--ink); background:var(--paper); }
#archive-dialog::backdrop { background:rgba(23,23,23,.55); }
#archive-dialog>form { position:sticky; top:0; z-index:2; display:flex; justify-content:flex-end; margin:0 0 .25rem; pointer-events:none; }
.archive-page .archive-close{pointer-events:auto;background:var(--paper)}
.archive-player-name{display:flex;align-items:center;gap:.75rem;min-width:0}
.archive-shirt{display:inline-grid;place-items:center;flex:none;min-width:2.5rem;min-height:2.5rem;padding:.25rem;border:1px solid rgba(244,123,32,.45);border-radius:.6rem;color:var(--orange-dark);font-weight:700}
.archive-keeper{display:inline-flex;gap:.3rem;align-items:center;color:#9ae0bc;font-size:.75rem}
.archive-page .tp-lineup h5,.archive-page .tp-lineup small,.archive-page .tp-match-events small,.archive-page .tp-event-minute,.archive-page .tp-match-detail .tp-note{color:var(--muted)}
.archive-page .tp-match-detail,.archive-page .tp-lineup li,.archive-page .tp-match-events li{border-color:var(--line)}
.archive-close { min-width:2.75rem; min-height:2.75rem; font:400 1.8rem/1 Inter,sans-serif; color:var(--ink); background:var(--white); border:1px solid var(--line); border-radius:50%; cursor:pointer; }
#archive-detail h2 { font-size:2.25rem; }
#archive-detail h3 { margin:1.5rem 0 .5rem; font-size:1.05rem; }
#archive-detail .archive-list { border:1px solid var(--line); border-radius:.75rem; background:var(--white); overflow:hidden; }
.archive-career-row { display:grid; grid-template-columns:5.5rem minmax(0,1fr); gap:1rem; padding:1rem; }
.archive-career-row p { margin:0; }
.archive-note { color:var(--muted); font-size:.875rem; }
@media(max-width:600px) { .archive-page .site-header { gap:1rem; flex-wrap:wrap; padding-block:1rem; } .archive-page .site-header>a:last-child { font-size:.875rem; } .archive-search { padding:1rem; } .archive-row { padding:1rem; flex-wrap:wrap; gap:.25rem; } .archive-meta { text-align:left; flex-shrink:1; } .archive-career-row { grid-template-columns:1fr; gap:.25rem; } #archive-dialog { padding:1rem; } }