.logo-download-page { margin: 0; background: #eef7f4; color: #203944; }
.logo-library { max-width: 1240px; margin: auto; padding: clamp(20px, 4vw, 48px); }
.logo-library h1 { margin: 6px 0 16px; font-size: clamp(30px, 4vw, 48px); }
.logo-library > p { max-width: 800px; }
.logo-eyebrow { color: #9b5145; font-weight: 800; letter-spacing: .05em; }
.logo-zip, .logo-downloads a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 20px; border: 1px solid #98c7ba; border-radius: 12px; background: #c4e9df; color: #203944; font-weight: 750; text-decoration: none; }
.logo-zip { margin: 12px 0; background: #f3a69b; border-color: #d88275; }
.logo-note { color: #4c646d; }
.logo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 30px 0; }
.logo-card { min-width: 0; padding: 22px; border: 1px solid #abcfc3; border-radius: 20px; background: #fffdf7; color: #203944; }
.logo-card h2 { margin: 0 0 4px; font-size: 24px; color: #203944; }
.logo-dates { min-height: 48px; margin: 0; color: #4c646d; }
.logo-art { padding: 12px 0; }
.logo-art img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: contain; }
.logo-downloads { display: flex; gap: 12px; flex-wrap: wrap; }
.logo-downloads a:hover, .logo-zip:hover { background: #a8dece; color: #172e35; }
.logo-downloads a:focus-visible, .logo-zip:focus-visible { outline: 3px solid #397ca5; outline-offset: 4px; }
html[data-theme="dark"] .logo-download-page { background: #15232f; color: #edf3f5; }
html[data-theme="dark"] .logo-library > .logo-note { color: #b6c5ce; }
html[data-theme="dark"] .logo-eyebrow { color: #f3a69b; }
@media(max-width: 680px) { .logo-grid { grid-template-columns: 1fr; gap: 18px; } .logo-card { padding: 18px; } .logo-downloads a { flex: 1; } }