.site-records-page { max-width: 960px; margin: 0 auto 3rem; padding: 0 1rem; }
.site-records-page > section { margin-top: 1.5rem; }
.site-record-panel { background: #fff; border: 1px solid #d6deea; border-radius: 1rem; padding: 1.25rem; margin: 1rem 0; }
.site-record-panel h3 { margin: 0 0 .65rem; }
.site-record-summary { max-width: 960px; margin: 1rem auto; padding: .8rem 1rem; border-radius: .6rem; background: #eaf1fb; font-weight: 600; }
.site-record-meta { color: #44546b; 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: #f3f6fb; }
.site-record-picks li > * { display: inline-block; }
.site-record-numbers { font-weight: 700; letter-spacing: .03em; }
.site-record-pagination { display: flex; gap: 1rem; align-items: center; justify-content: center; margin: 2rem 0; }
.site-record-notice { display: flex; justify-content: space-between; align-items: start; gap: 1rem; max-width: 960px; margin: 1rem auto; padding: 1rem 1.25rem; background: #fff7de; color: #29251b; border: 2px solid #b7791f; 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; } }