/* Local type sizes keep the legacy 5.5px mobile root from shrinking this page. */
.awards-page {
    --awards-surface: #f6f7f8;
    --awards-text: #222;
    --awards-muted: #616b75;
    --awards-border: #d9dfe3;
    --awards-link: #226494;
    --awards-year-surface: #eef0f2;
    --awards-header-offset: 0px;
    --awards-anchor-offset: calc(var(--awards-header-offset) + var(--awards-navigation-height, 68px) + 16px);
    font-size: 15px;
    line-height: 1.6;
    color: var(--awards-text);
}
.awards-page [hidden] { display: none !important; }
.awards-page .column { min-width: 0; }
.awards-page a {
    color: var(--awards-link);
    transition: color .15s ease;
    touch-action: manipulation;
    scroll-margin-top: var(--awards-anchor-offset);
}
.awards-page a:hover { color: #17466b; }
.awards-page :is(a, select, [tabindex]):focus-visible {
    outline: 2px solid var(--awards-link);
    outline-offset: 3px;
}
.awards-heading h1 {
    margin: 24px 0 12px;
    font-size: clamp(26px, 2.6vw, 36px);
    line-height: 1.3;
    text-wrap: balance;
    overflow-wrap: anywhere;
}
.awards-heading small {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: var(--awards-muted);
    overflow-wrap: anywhere;
}
.awards-heading hr { margin: 24px 0 0; border-color: var(--awards-border); }
.awards-directory { width: 70%; margin: 24px auto; font-size: 15px; }
.awards-directory th { width: 50%; }
.awards-page :is(.awards-directory, .awards-table) :is(th, td) {
    text-align: center;
    vertical-align: middle;
}
.awards-groups {
    position: sticky;
    top: var(--awards-header-offset);
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 16px;
    max-width: 100%;
    max-height: 30vh;
    overflow-y: auto;
    margin: 0 0 16px;
    padding: 8px 3px;
    background: var(--awards-surface);
    border-bottom: 1px solid var(--awards-border);
    scrollbar-width: thin;
}
.awards-groups a {
    display: flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    min-height: 36px;
    padding: 4px 0;
    border-bottom: 2px solid transparent;
    font-size: 15px;
    line-height: 1.5;
    overflow-wrap: anywhere;
    text-decoration: none;
}
.awards-groups a:is(:hover, :focus-visible, [aria-current="location"]) {
    color: #17466b;
    border-bottom-color: currentColor;
}
.awards-section { margin: 0 0 36px; scroll-margin-top: var(--awards-anchor-offset); }
.awards-page .awards-group-heading {
    margin: 0 0 12px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--awards-text);
    overflow-wrap: anywhere;
    text-wrap: balance;
}
.awards-section .table-responsive {
    max-width: 100%;
    overflow-x: auto;
    margin-bottom: 16px;
    scroll-margin-top: var(--awards-anchor-offset);
}
.awards-table { width: 100%; min-width: 710px; table-layout: fixed; margin: 0; }
.awards-table[data-columns="1"] { min-width: 280px; }
.awards-table[data-columns="2"] { min-width: 410px; }
.awards-table[data-columns="3"] { min-width: 560px; }
.awards-page .awards-table :is(th, td) {
    /* Override the site's narrow-screen .racetables padding/nowrap rules. */
    padding: 10px 12px !important;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 15px;
    line-height: 1.5;
    color: var(--awards-text);
    border-color: var(--awards-border);
}
.awards-page .awards-table .awards-year-cell {
    position: sticky;
    left: 0;
    z-index: 1;
    width: 112px;
    background: var(--awards-year-surface);
    white-space: nowrap;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
}
.awards-page .awards-table thead .awards-year-cell { z-index: 2; font-weight: 700; }
.awards-table .awards-year-cell a { color: inherit; }
.awards-table tr { scroll-margin-top: var(--awards-anchor-offset); }
.awards-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 24px; }
.awards-filters label { font-size: 14px; margin: 0; }
.awards-filters select {
    width: auto;
    max-width: 100%;
    height: 40px;
    min-height: 40px;
    margin: 0;
    padding: 0 32px 0 10px;
    font-size: 16px;
    line-height: normal;
    color: var(--awards-text);
    background-color: var(--awards-surface);
}
.awards-message { margin: 16px 0; font-size: 15px; }
.awards-message.is-error { color: #842d2d; }
.awards-name { display: block; }
.awards-name--en { margin-top: 2px; font-size: 13px; font-weight: 400; color: var(--awards-muted); }
small.awards-name { font-size: 12px; color: var(--awards-muted); }
.awards-recipient + .awards-recipient { margin-top: 10px; }
.awards-result-note { margin: 8px 0 0; font-size: 13px; white-space: pre-line; }
@media screen and (max-width: 1100px) {
    /* Matches the shared .header__top; the desktop header is a side rail. */
    .awards-page { --awards-header-offset: 78px; }
}
@media screen and (max-width: 600px) {
    .awards-heading h1 { margin-top: 24px; }
    .awards-page .awards-group-heading { font-size: 20px; }
    .awards-directory { width: 100%; }
    .awards-groups a { min-height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
    .awards-page a { transition: none; }
}