.download-page {
    --download-brand: #229093;
    --download-accent: #176e70;
    --download-line: #d5e6e6;
    color: #132d30;
    line-height: 1.65;
}
.download-hero {
    color: #fff;
    background: linear-gradient(90deg, #102729ef, #12383aa8), url("../picture/simitch-top-banner.webp") center / cover;
}
.download-hero-inner { padding: 1.625rem 0 clamp(3rem, 8vw, 7rem); }
.download-hero nav { display: flex; gap: .75rem; margin-bottom: clamp(2rem, 6vw, 5rem); }
.download-hero nav a { color: inherit; }
.download-hero h1 { margin: 0 0 1rem; font-size: clamp(2rem, 5vw, 4rem); line-height: 1.2; }
.download-kicker { margin: 0 0 .75rem; color: #8cdddd; font-size: .8125rem; font-weight: 700; letter-spacing: .14em; }
.download-library { padding: clamp(2.5rem, 6vw, 5rem) 0; }
.download-library h2 { margin: 0 0 1.25rem; font-size: clamp(1.75rem, 4vw, 3rem); }
.download-page .table-category { display: flex; flex-wrap: wrap; gap: .75rem; padding: 0; margin: 0 0 1.5rem; }
.download-page .table-category button {
    padding: .75rem 1.25rem;
    border: .0625rem solid var(--download-line);
    background: #f1f8f8;
    color: #132d30;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
.download-page .table-category .act button { background: var(--download-accent); color: #fff; }
.download-page :is(a, button, .table-section):focus-visible { outline: .125rem solid var(--download-brand); outline-offset: .2rem; }
.download-page .date-cont { margin: 0; padding: 0; }
.download-page .date-cont > li:not(:first-child) { display: none; }
.download-page .notes { margin: 0 0 1rem; color: var(--download-accent); font-size: 1.25rem; font-weight: 700; }
.download-page .table-section { overflow-x: auto; border: .0625rem solid var(--download-line); border-top: .1875rem solid var(--download-brand); }
.download-page table { width: 100%; min-width: 34rem; border-collapse: collapse; }
.download-page th, .download-page td { padding: .875rem 1rem; border: .0625rem solid var(--download-line); text-align: center; vertical-align: middle; }
.download-page th { background: #e8f4f4; font-weight: 700; }
.download-page .left-type { text-align: left; overflow-wrap: anywhere; }
.download-page tr:hover td { background: #f1f8f8; }
.download-page .download-a {
    display: inline-block;
    padding: .375rem .875rem;
    background: #e8f4f4;
    color: var(--download-accent);
    font-weight: 700;
    white-space: nowrap;
}
.download-page .download-a:hover { background: var(--download-accent); color: #fff; }
@media (max-width: 36rem) {
    .download-page th, .download-page td { padding: .625rem; }
}
