/* App development draft: scoped Concept C extension, original Store screenshots. */
.app-development-page .app-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:center;gap:2.5rem}
.app-development-page .app-hero-figure{text-align:center;min-width:0}
.app-development-page .app-hero-figure img{display:block;max-width:100%;width:225px;height:auto;max-height:400px;object-fit:contain;margin:auto;border:1px solid var(--c-line);border-radius:12px;box-shadow:0 16px 38px rgba(15,23,42,.16)}
.app-development-page figcaption{margin-top:1rem;line-height:1.5}
.app-development-page .app-hero-figure figcaption span,.app-development-page .app-hero-figure small{display:block}
.app-development-page .app-hero-figure small{color:var(--bs-secondary-color);margin-top:.35rem}
.app-development-page .app-tag{display:inline-block!important;width:fit-content;max-width:100%;margin-inline:auto;padding:.35rem .65rem;border-radius:8px;background:rgba(58,155,89,.13);color:#247244;font-weight:700;font-size:.82rem;overflow-wrap:anywhere}
.app-development-page .app-showcase{padding:2rem;border:1px solid var(--c-line);border-radius:18px;background:var(--c-surface)}
.app-development-page .app-showcase-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}
.app-development-page .app-showcase-heading>div{min-width:0;max-width:700px}
.app-development-page .app-play-link{flex:0 0 auto;white-space:normal;max-width:100%;overflow-wrap:anywhere}
.app-development-page .app-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem}
.app-development-page .app-gallery figure{margin:0;text-align:center;min-width:0}
.app-development-page .app-gallery a{display:inline-block;border-radius:12px;max-width:100%}
.app-development-page .app-gallery img{display:block;width:100%;max-width:240px;height:auto;border:1px solid var(--c-line);border-radius:12px;box-shadow:0 12px 26px rgba(15,23,42,.12)}
.app-development-page .app-source-note{padding:1.25rem;border-left:3px solid var(--c-green);background:rgba(58,155,89,.06);border-radius:8px}
.app-development-page .app-source-note a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.app-development-page .app-project-cta{background:linear-gradient(135deg,rgba(43,120,197,.10),rgba(58,155,89,.08))}
.app-development-page .app-contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}
.app-development-page .app-contact-actions a{display:inline-flex;align-items:center;min-height:44px}
[data-bs-theme="dark"] .app-development-page .app-tag{color:#b4e6c3;background:rgba(58,155,89,.16)}
@media(max-width:991.98px){.app-development-page .app-hero-grid{grid-template-columns:minmax(0,1fr);gap:2rem}.app-development-page .app-showcase-heading{display:block}.app-development-page .app-play-link{margin-top:1.25rem}.app-development-page .app-gallery{gap:1rem}}
@media(max-width:575.98px){.app-development-page .app-showcase{padding:1.1rem}.app-development-page .app-gallery{grid-template-columns:minmax(0,1fr);gap:2rem}.app-development-page .app-gallery img{max-width:200px}.app-development-page .app-hero .btn{font-size:1rem}}

/* Keep linked screenshots fully reachable in short / zoomed viewports. */
.app-development-page .app-gallery a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.app-development-page .app-gallery img{width:auto;max-height:max(44px,calc(100dvh - var(--chrome-header-h) - var(--chrome-footer-h) - 3rem))}

.app-development-page img{content-visibility:visible}

.app-development-page main{overflow-wrap:anywhere}