/* Two-column photo cards: consistent image ratio and aligned caption baselines. */
.dk-apps__grid{gap:28px 24px;align-items:stretch}
.dk-apps__grid figure{overflow:hidden;background:var(--dk-surface);border-radius:10px;display:flex;flex-direction:column}
.dk-apps__grid img{width:100%;height:auto;aspect-ratio:1.75;object-fit:cover}
.dk-apps__grid figcaption{padding:24px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px 12px;align-items:baseline;flex:1}
.dk-apps__grid figcaption span{font-size:28px;font-weight:600;color:var(--dk-orange);font-variant-numeric:tabular-nums}
.dk-apps__grid figcaption strong{font-size:38px;font-weight:600;letter-spacing:-.025em;line-height:1.35}
.dk-apps__grid figcaption small{grid-column:2;font-size:32px;color:var(--dk-muted);line-height:1.5;align-self:start}
@media(min-width:768px) and (max-width:1023px){html[data-output-mode="web"] .dk-apps__grid figcaption{padding:20px;grid-template-columns:26px minmax(0,1fr)}html[data-output-mode="web"] .dk-apps__grid figcaption span{font-size:20px}html[data-output-mode="web"] .dk-apps__grid figcaption strong{font-size:27px}html[data-output-mode="web"] .dk-apps__grid figcaption small{font-size:21px}}
@media(max-width:767px){.dk-apps__grid{gap:16px 12px}.dk-apps__grid figure{border-radius:8px}.dk-apps__grid img{aspect-ratio:1.4}.dk-apps__grid figcaption{padding:16px 12px;grid-template-columns:18px minmax(0,1fr);gap:6px}.dk-apps__grid figcaption span{font-size:11px}.dk-apps__grid figcaption strong{font-size:15px;line-height:1.45}.dk-apps__grid figcaption small{font-size:12px;line-height:1.55}}

/* premium-v1 (adopted 2026-10-30): photos lead, captions sit on the page, not in boxes. */
@media(min-width:1000px){
 .dk-apps__grid{gap:56px 24px}
 .dk-apps__grid figure{background:transparent;border-radius:0}
 .dk-apps__grid img{border-radius:20px;aspect-ratio:1.5}
 .dk-apps__grid figcaption{padding:26px 0 0;grid-template-columns:44px minmax(0,1fr)}
 .dk-apps__grid figcaption strong{font-size:40px;font-weight:700;letter-spacing:-.035em}
 .dk-apps__grid figcaption small{font-size:32px}
}
@media(max-width:767px){.dk-apps__grid figure{background:transparent}.dk-apps__grid img{border-radius:12px}.dk-apps__grid figcaption{padding:12px 0 0}}