.apps-radio { padding-block: 1.4rem; color: var(--dfm-apps-text); background: var(--dfm-apps-bg); }
.apps-radio__inner { display: grid; grid-template-columns: max-content max-content minmax(0, 1fr); align-items: center; gap: .75rem 1rem; }
.apps-radio h2 { margin: 0; color: inherit; font-size: clamp(1.2rem, 2vw, 1.5rem); line-height: 1.25; }
.apps-radio__intro h2 strong { color: var(--dfm-accent); }
.store-badges { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: .55rem; }
.app-badge { display: inline-flex; width: 11.5rem; height: 3.75rem; align-items: center; justify-content: center; overflow: hidden; text-decoration: none; }
.apps-radio .app-badge { width: 10rem; height: 3.3rem; }
.app-badge img { display: block; width: 100%; height: 100%; object-fit: contain; }
.app-badge--google { width: 12.5rem; }
.apps-radio .app-badge--google { width: 10.9rem; }
.app-badge--google img:not(.app-badge__image--custom) { width: 100%; height: auto; max-width: none; max-height: none; flex: 0 0 auto; }
.app-badge--unlinked { cursor: default; }
.apps-radio__publications { display: grid; align-content: center; justify-items: center; gap: .75rem; }
.app-actions { display: flex; flex-wrap: wrap; gap: .55rem; }
.app-action { display: inline-flex; min-height: 2.65rem; align-items: center; justify-content: center; padding: .5rem .8rem; border: 1px solid var(--dfm-accent); border-radius: .4rem; color: var(--dfm-accent); font-weight: 650; text-align: center; text-decoration: none; }
.app-action:hover { color: var(--dfm-paper); background: var(--dfm-accent); }
.app-action--unlinked { color: var(--dfm-muted); border-color: var(--dfm-line); }
@media (min-width: 992px) {
    .apps-radio__inner { grid-template-columns: repeat(3, max-content); justify-content: center; column-gap: 1.5rem; }
    .apps-radio__publications { margin-left: 1.5rem; }
}
@media (min-width: 1200px) {
    .apps-radio__inner { column-gap: 3rem; }
    .apps-radio__publications { margin-left: 3rem; }
}
@media (min-width: 1400px) {
    .apps-radio__inner { column-gap: 4rem; }
    .apps-radio__publications { margin-left: 4rem; }
}
@media (max-width: 991px) {
    .apps-radio__inner { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 1rem; text-align: center; }
    .apps-radio__intro { text-align: center; }
    .store-badges { width: 100%; justify-content: center; }
    .apps-radio__publications { grid-column: auto; width: 100%; justify-items: center; }
    .app-actions { justify-content: center; }
}
@media (max-width: 600px) {
    .apps-radio { padding-block: 1.25rem; }
    .store-badges { gap: .5rem; }
    .apps-radio__publications { grid-template-columns: 1fr; gap: .6rem; }
    .apps-radio .app-badge { width: min(10rem, calc(50vw - 1rem)); height: 3rem; }
    .apps-radio .app-badge--google { width: min(10.9rem, calc(50vw - 1rem)); }
}