/* Compact discovery and focused companion-app pages. */
#other-apps .mm-notable-track{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible!important}#other-apps .mm-notable-card{width:auto!important;min-width:0!important}#other-apps .mm-notable-art{min-height:180px!important}.ph .other-app-reclaim,.ph .other-app-bounce{background:#e4ecdd!important;border-radius:16px!important}.ph .other-app-bounce{background:#f4e0d6!important}@media(max-width:1000px){#other-apps .mm-notable-track{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){#other-apps .mm-notable-track{grid-template-columns:1fr}}

.other-app-hero{margin:0;width:100%;border:1px solid #22271f25;border-radius:12px;overflow:hidden;background:#f1f3eb}.other-app-hero a{display:block}.other-app-hero img{display:block;width:100%;height:auto;aspect-ratio:1710/1069;object-fit:contain}.other-app-reclaim,.other-app-bounce{display:grid;place-items:center;min-height:300px;background:#e4ecdd}.other-app-bounce{background:#f4e0d6}.ph .other-app-reclaim img,.ph .other-app-bounce img{width:140px;height:140px;aspect-ratio:1;object-fit:contain}.other-app-status{font-size:13px!important;line-height:1.7!important;margin-top:24px!important;color:#4a5146}.other-app-status a{text-underline-offset:3px}.ph:has(.other-app-hero){align-items:center;gap:40px;padding-block:48px}.ph:has(.other-app-hero) .ph-media{min-width:0}.ph:has(.other-app-hero) .ph-promise{max-width:17ch}.ph:has(.other-app-hero) .ph-description{max-width:48ch}.ph:has(.other-app-hero) .product-family{margin-bottom:18px}.pr-page:has(.other-app-hero) .ah{margin-top:36px}.pr-page:has(.other-app-hero) .scope-section{padding-block:48px}.other-app-hero a:focus-visible{outline:3px solid #6045aa;outline-offset:-4px}#other-apps .mm-notable-card{display:flex;flex-direction:column}#other-apps .mm-tool-actions{margin-top:auto;padding-top:18px}#other-apps .mm-notable-edition{font-size:12px}#other-apps .mm-notable-description{min-height:3.2em}#other-apps .mm-notable-art{margin-bottom:18px}
@media(max-width:700px){.ph:has(.other-app-hero){gap:24px;padding:32px 20px}.ph:has(.other-app-hero) h1{font-size:clamp(42px,12vw,62px)}.ph:has(.other-app-hero) .ph-promise{font-size:27px;max-width:none}.other-app-status{margin-top:16px!important}.pr-page:has(.other-app-hero) .scope-section{padding:36px 20px}#other-apps .mm-notable-description{min-height:0}}

#other-apps .mm-notable-controls{display:none!important}