.client-downloads {
    --download-ink: #233c4a;
    --download-muted: #516675;
    border-block-start: 1px solid #e4ebef;
    padding-block-start: 1.5rem;
}
.client-downloads .client-downloads-heading { margin-block-end: 1.15rem; }
.client-downloads .client-downloads-heading h2 { margin: 0; color: var(--download-ink); font-size: 1.2rem; line-height: 1.4; font-weight: 650; text-align: start; }
.client-downloads-heading p { margin-block-start: .4rem; color: var(--download-muted); font-size: .85rem; line-height: 1.6; }
.client-downloads-grid.client-downloads-grid-web { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.client-downloads .client-download {
    --platform-surface: #eff6fc;
    --platform-border: #dce8f2;
    --platform-icon: #356b9a;
    --platform-badge: #dfebf6;
    display: flex; align-items: stretch; flex-direction: column; gap: .75rem;
    min-width: 0; padding: 1rem; border: 1px solid var(--platform-border); border-radius: 1.15rem;
    background: var(--platform-surface); color: var(--download-ink); text-align: start; text-decoration: none; overflow-wrap: anywhere;
}
.client-downloads .client-download--android { --platform-surface: #eff8f1; --platform-border: #dcebdd; --platform-icon: #387550; --platform-badge: #dcefe1; }
.client-downloads .client-download--windows { --platform-surface: #f0f5fb; --platform-border: #dfe8f3; --platform-icon: #386d9f; --platform-badge: #e0ebf7; }
.client-downloads .client-download--ios { --platform-surface: #f4f0fb; --platform-border: #e6def3; --platform-icon: #735b9f; --platform-badge: #e9e0f5; }
.client-downloads .client-download--web { --platform-surface: #fff4ec; --platform-border: #f0e2d5; --platform-icon: #945a39; --platform-badge: #f9e6d8; }
.client-download-heading { display: flex; align-items: center; gap: .7rem; min-width: 0; }
.client-icon-badge { display: grid; place-items: center; flex: 0 0 2.75rem; width: 2.75rem; height: 2.75rem; border-radius: .9rem; background: var(--platform-badge); color: var(--platform-icon); }
.client-downloads .client-os-icon { width: 1.55rem; height: 1.55rem; }
.client-platform-copy { display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
.client-downloads .client-os-name { font-size: .9rem; line-height: 1.4; font-weight: 650; }
.client-downloads .client-version { color: var(--download-muted); font-size: .76rem; line-height: 1.5; }
.client-downloads .client-platform-minimum, .client-download-status, .client-release-label { color: var(--download-muted); font-size: .74rem; line-height: 1.55; }
.client-release-label { color: var(--platform-icon); font-weight: 600; }
.client-downloads .client-download-action { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-block-start: auto; min-height: 2.25rem; padding: .45rem .7rem; border: 1px solid var(--platform-border); border-radius: .7rem; background: #ffffffb8; color: var(--platform-icon); font-size: .76rem; font-weight: 600; line-height: 1.5; }
.client-download-status { margin-block-start: auto; padding-block: .5rem; }
.client-downloads a.client-download:hover { border-color: var(--platform-icon); background: var(--platform-surface); color: var(--download-ink); }
.client-downloads a.client-download:hover .client-download-action { background: #fff; }
.client-downloads-grid-web #web-launch { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; }
.client-downloads #web-launch .client-download-action { margin-block-start: 0; }
.client-ios-notice { margin-block-start: .8rem; padding-inline: .25rem; color: var(--download-muted); font-size: .76rem; line-height: 1.65; }
.client-downloads .client-history-link { display: flex; align-items: center; justify-content: flex-start; gap: .85rem; min-height: 4.5rem; margin-block-start: 1rem; padding: .9rem 1rem; border: 1px solid #d7e3ee; border-radius: 1rem; background: #edf3fa; color: #335f8b; text-align: start; text-decoration: none; }
.client-history-icon { display: grid; place-items: center; flex: 0 0 2.5rem; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #dfeaf5; }
.client-history-icon svg { width: 1.35rem; height: 1.35rem; }
.client-history-copy { display: flex; flex-direction: column; gap: .2rem; min-width: 0; overflow-wrap: anywhere; }
.client-history-title { font-size: .9rem; font-weight: 650; line-height: 1.5; }
.client-history-description { color: var(--download-muted); font-size: .75rem; line-height: 1.55; }
.client-history-arrow { margin-inline-start: auto; font-size: 1.2rem; }
.client-downloads .client-history-link:hover { border-color: #87a7c4; background: #e5edf7; text-decoration: none; }
.client-downloads a:focus-visible { outline: 3px solid #1d5f80; outline-offset: 3px; }
@media (max-width: 25rem) {
    .client-downloads-grid.client-downloads-grid-web { grid-template-columns: minmax(0, 1fr); }
    .client-downloads-grid-web #web-launch { flex-direction: column; align-items: stretch; }
}
@media (prefers-reduced-motion: no-preference) { .client-downloads a { transition: border-color 140ms ease, background-color 140ms ease; } }
.dark .client-downloads { --download-ink: #e5edf2; --download-muted: #b5c4cf; border-color: #34434e; }
.dark .client-downloads .client-download { --platform-surface: #1d2c37; --platform-border: #3b505f; --platform-icon: #aacce9; --platform-badge: #2a4152; }
.dark .client-downloads .client-download--android { --platform-surface: #202f29; --platform-border: #3d5445; --platform-icon: #b2d8bc; --platform-badge: #304b39; }
.dark .client-downloads .client-download--ios { --platform-surface: #2c273b; --platform-border: #51475f; --platform-icon: #d0bfe7; --platform-badge: #413551; }
.dark .client-downloads .client-download--web { --platform-surface: #342a24; --platform-border: #59473b; --platform-icon: #e6c1a5; --platform-badge: #4e3a2d; }
.dark .client-downloads .client-download-action { background: #ffffff08; }
.dark .client-downloads a.client-download:hover .client-download-action { background: #ffffff12; }
.dark .client-downloads .client-history-link { background: #243647; border-color: #3b5268; color: #c2d8ec; }
.dark .client-history-icon { background: #314b63; }
.dark .client-downloads .client-history-link:hover { background: #2b4054; border-color: #87a7c4; }
.dark .client-downloads a:focus-visible { outline-color: #b6d8ef; }
@media (forced-colors: active) {
    .client-downloads .client-download, .client-downloads .client-history-link, .client-downloads .client-download-action { background: Canvas; color: LinkText; border-color: ButtonText; }
    .client-downloads .client-download-unavailable { color: GrayText; }
    .client-icon-badge, .client-history-icon { background: Canvas; color: ButtonText; }
    .client-downloads a:focus-visible { outline-color: Highlight; }
}