/* Collection-only additions. Existing app pages do not load this file. */
.app-grid.reef-expanded{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.reef-expanded .app-card{padding:27px}.reef-expanded .app-card h2{font-size:24px}.published-app{grid-column:span 2;background:var(--white)}.published-title{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%;margin-bottom:15px}.published-title h2{margin-bottom:0}.available{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:2px;font:400 10px/1.6 var(--mono);color:var(--ink);background:#E1E9E2}.available:before{content:"";width:5px;height:5px;background:var(--signal);flex-shrink:0}.published-app>p{max-width:560px}.published-app .fine{font-size:12px;line-height:1.7}.published-app .visit{font-size:15px;margin-top:auto}.published-app .card-links{font-size:11px}#apex-view:focus,#why-paid-upgrades:focus{outline:none}#apex-view:focus-visible,#why-paid-upgrades:focus-visible{outline:2px solid var(--signal);outline-offset:5px}.paid-explainer{padding-block:58px 64px;border-top:1px solid var(--line);scroll-margin-top:25px}.paid-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:25px}.paid-intro h2{font-size:42px;margin-bottom:0}.paid-intro p:not(.eyebrow){font-size:17px;line-height:1.75;color:var(--steel)}.paid-faq{max-width:820px;margin-left:auto}.paid-faq p{font-size:15px}.paid-faq summary{font-size:16px}
@media(max-width:1050px){.app-grid.reef-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.published-app{grid-column:span 2}.paid-intro{gap:35px}}
@media(max-width:650px){.app-grid.reef-expanded{grid-template-columns:1fr;gap:18px}.published-app{grid-column:auto}.published-title{display:block}.published-title h2{margin-bottom:16px}.published-app .visit{font-size:14px}.reef-expanded .app-card{padding:25px}.paid-explainer{padding-block:43px 48px}.paid-intro{grid-template-columns:1fr;gap:22px;margin-bottom:15px}.paid-intro h2{font-size:35px}.paid-intro p:not(.eyebrow){font-size:16px}.paid-faq summary{font-size:16px}}