.site-records-page { max-width: 980px; margin: 0 auto 3rem; padding: 0 1rem; }
.site-records-page > section { margin-top: 1.5rem; }
.site-record-games, .site-record-pagination { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }
.site-record-games a[aria-current="page"] { font-weight: 700; text-decoration: underline; }
.site-record-pagination { justify-content: center; margin: 2rem 0; }
.site-record-panel { margin: 1rem 0; }
.site-record-summary { margin: 1rem 0; padding: .8rem 1rem; border-radius: .6rem; background: #eaf1fb; font-weight: 600; }
.site-record-meta { color: #4a5670; font-size: .9rem; }
.site-record-picks { list-style: none; padding: 0; display: grid; gap: .65rem; }
.site-record-picks li { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: baseline; padding: .75rem; border-radius: .65rem; background: #f1f5fb; }
.site-record-numbers { font-weight: 700; letter-spacing: .03em; }
.site-record-notice { display: flex; justify-content: space-between; align-items: start; gap: 1rem; max-width: 980px; margin: 1rem auto; padding: 1rem 1.25rem; background: #fff7df; color: #29251b; border: 2px solid #a46b0e; border-radius: .8rem; }
.site-record-notice[hidden] { display: none; }
.site-record-notice p { margin: .4rem 0; }
.site-record-notice button { border: 1px solid currentColor; border-radius: .4rem; background: transparent; padding: .35rem .7rem; flex: none; }
@media (max-width: 480px) { .site-record-notice { margin: .75rem; } .site-record-picks li { display: grid; } }