.oval-archive-series { display: flex; flex-wrap: wrap; gap: 8px; }
.oval-archive-series a { padding: 9px 13px; border: 1px solid #b9cfd9; border-radius: 6px; text-decoration: none; font-size: 14px; }
.oval-archive-series a[aria-current] { background: #195d78; border-color: #195d78; color: #fff; }
.oval-archive-form { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: #f5f9fb; }
.oval-archive-form label { display: grid; gap: 6px; min-width: 0; font-size: 13px; color: var(--muted); }
.oval-archive-form input, .oval-archive-form select { min-height: 41px; width: 100%; padding: 8px; border: 1px solid #bdd0da; border-radius: 5px; background: white; color: var(--ink); font: inherit; font-size: 14px; }
.oval-archive-form .button { min-height: 41px; border: 1px solid #195d78; background: #195d78; color: #fff; }
.oval-archive-hint { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.oval-archive-hint a { display: inline-block; margin: 0 6px; }
.oval-archive-hint a[aria-current] { font-weight: 700; }
.oval-archive-state { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 35px; padding: 18px; border: 1px solid var(--line); border-radius: 8px; background: #f5f9fb; }
.oval-archive-state > div { display: grid; gap: 6px; }
.oval-archive-state strong { font-size: 23px; color: #173d53; }
.oval-archive-state span, .oval-archive-state p { margin: 0; font-size: 14px; color: var(--muted); }
@media (max-width: 500px) {
    .oval-archive-form { display: grid; grid-template-columns: minmax(0, 1fr); }
    .oval-archive-state strong { font-size: 21px; }
}