header nav { flex-wrap: wrap; }
main table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 24px 0; }
main th, main td { text-align: center; border: 1px solid #dce4dc; padding: 4px 2px; vertical-align: top; }
main td a { display: block; min-height: 64px; padding: 6px 0; text-decoration: none; }
main td small { display: block; overflow-wrap: anywhere; }
main td a[aria-current="date"] { background: #e6f3e7; outline: 2px solid #285c46; outline-offset: -2px; }
main article { overflow-wrap: anywhere; }
main article + article { border-top: 1px solid #dce4dc; padding-top: 16px; margin-top: 16px; }
main form button { margin-top: 12px; }
@media (max-width: 400px) { header nav { gap: 8px; } main th, main td { font-size: 14px; } }