/* Rackory screenshot story. Campflame tokens and shared components remain authoritative. */
.rackory-intro { max-width: 42rem; color: var(--muted); }
.app-hero .tagline { color: var(--ink); font-family: var(--font-display); font-weight: 700; font-size: clamp(1.5rem, 3vw, 2.25rem); }
.rackory-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.rackory-showcase { padding: 40px 0 72px; scroll-margin-top: 24px; }
.rackory-screens { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 3vw, 36px); }
.rackory-screens figure { margin: 0; min-width: 0; display: flex; flex-direction: column; }
.rackory-screens figcaption { flex: 1; padding-bottom: 24px; }
.rackory-screens figcaption > p:last-child { color: var(--muted); font-size: 1rem; }
.rackory-screen { display: block; border-radius: 28px; border: 7px solid var(--raised); overflow: hidden; box-shadow: 0 18px 40px #0004; }
.rackory-screen img { width: 100%; height: auto; }
@media (max-width: 719px) {
 .rackory-screens { grid-template-columns: 1fr; gap: 40px; }
 .rackory-screens figure { width: min(100%, 370px); margin-inline: auto; }
 .rackory-showcase { padding-top: 24px; }
}

/* Keep the dedicated support address within narrow phone layouts. */
.contact a { overflow-wrap: anywhere; }