/* Shared store promotion; visible on desktop, iOS and Android. */
.fd-ios-promo.fd-apps-promo {
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    height: auto;
    min-height: 104px;
    box-sizing: border-box;
    align-content: center;
    background: linear-gradient(125deg, #fff 15%, #f0f7ff 100%);
}
.fd-apps-promo .fd-ios-promo-icon { width: 48px; height: 48px; border-radius: 12px; }
.fd-apps-promo .fd-ios-promo-kicker { font-size: .65rem; letter-spacing: .05em; color: #0764b4; margin-bottom: 5px; }
.fd-apps-promo h2 { font-size: 1rem; line-height: 1.25; }
.fd-apps-promo p { display: block; font-size: .8rem; line-height: 1.5; font-weight: 400; margin-top: 6px; }
.fd-apps-stores { grid-column: 3; display: flex; flex-direction: column; align-items: stretch; gap: 8px; }
.fd-apps-promo .fd-ios-promo-action { flex: 1 1 175px; min-width: 0; height: auto; min-height: 68px; padding: 12px 16px; border-radius: 13px; grid-template-columns: 26px auto; gap: 12px; }
.fd-apps-promo .fd-ios-promo-action svg { width: 26px; height: 30px; }
.fd-apps-promo .fd-ios-store-copy span { font-size: .63rem; font-weight: 500; }
.fd-apps-promo .fd-ios-store-copy strong { font-size: 1.05rem; margin-top: 4px; font-weight: 750; }
.fd-apps-promo .fd-ios-store-copy small { font-size: .61rem; margin-top: 6px; font-weight: 400; line-height: 1.3; }
.fd-apps-promo .fd-store-soon { color: #315f83; border-color: #cfdeec; background: #eaf2f9; box-shadow: none; }
.fd-apps-promo .fd-store-soon:hover { transform: none; }
.fd-apps-promo a:focus-visible { outline: 3px solid #62b4f7; outline-offset: 3px; }
@media (max-width: 760px) {
    .fd-promo-row { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .fd-ios-promo.fd-apps-promo { padding: 14px; gap: 10px; }
    .fd-apps-promo h2 { font-size: 1.05rem; }
    .fd-apps-promo .fd-ios-promo-action { flex-basis: 135px; padding: 10px; gap: 8px; }
    .fd-apps-promo .fd-ios-store-copy small { font-size: .57rem; }
}

/* Match the compact, light App Store button used in the telemetry list. */
.fd-apps-promo .fd-ios-promo-action.fd-store-compact {
    display:flex;flex:0 1 auto;align-items:center;gap:10px;width:auto;min-height:0;
    padding:10px 14px;border:1px solid #cbdff2;border-radius:12px;
    background:#fff;color:#174f88;box-shadow:none;box-sizing:border-box;
}
.fd-apps-promo .fd-store-compact svg {
    width:25px;height:25px;flex:none;fill:none;stroke:currentColor;
    stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;
}
.fd-apps-promo .fd-store-compact .fd-ios-store-copy small {
    margin:0;color:#6482a2;font-size:11px;font-weight:400;line-height:1.4;
}
.fd-apps-promo .fd-store-compact .fd-ios-store-copy strong {
    margin:0;font-size:14px;font-weight:750;line-height:1.4;
}
.fd-apps-promo .fd-ios-promo-action.fd-store-compact:hover,
.fd-apps-promo .fd-ios-promo-action.fd-store-compact:focus-visible {
    background:#f1f7ff;border-color:#7ba8d5;box-shadow:none;transform:none;
}

/* Keep the two promotions at their content height, with actions on the right. */
.fd-promo-row .fd-dogtag-promo { height:auto;box-sizing:border-box; }
@media (min-width:761px) and (max-width:1100px) {
    .fd-promo-row { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:520px) {
    .fd-ios-promo.fd-apps-promo { grid-template-columns:40px minmax(0,1fr);min-height:0; }
    .fd-apps-promo .fd-ios-promo-icon { width:40px;height:40px; }
    .fd-apps-stores { grid-column:2;flex-direction:row;flex-wrap:wrap;justify-content:flex-start; }
    .fd-apps-promo .fd-ios-promo-action.fd-store-compact { padding:8px 12px; }
}