/* Additions on top of the Astro-era Base stylesheet (/_astro/Base.*.css),
   shared by every page. Generated into /assets/site.css by tools/build.py. */
.main-nav .nav-cta{margin-left:.35rem;padding:.5rem 1.1rem;font-size:.92rem}
.main-nav .nav-cta:hover{background:var(--rose-deep);color:#fff}
@media (width<=520px){.main-nav .nav-cta{margin-left:0}}

/* The app card that closes every article and guide. */
.app-cta{background:var(--ink);color:#f6e7ea;border-radius:var(--radius);grid-template-columns:1fr auto;align-items:center;gap:1.2rem 2rem;margin:3rem auto 0;max-width:780px;padding:1.6rem 1.8rem;display:grid}
.app-cta .badge{background:#4a3d42;color:#f6e7ea;margin-bottom:.5rem}
.app-cta h2{color:#fff;font-size:clamp(1.3rem,2.4vw,1.7rem);margin:0 0 .4rem}
.app-cta p{color:#d8ccd0;margin:0;font-size:.95rem;line-height:1.55}
.app-cta .btn{white-space:nowrap}
@media (width<=640px){.app-cta{grid-template-columns:1fr}}