:root { --app-theme-rgb: 9 57 111; }
.bg-primary { background-color: rgb(var(--app-theme-rgb) / var(--tw-bg-opacity, 1)); }
.text-primary, .hover\:text-primary:hover { color: rgb(var(--app-theme-rgb) / var(--tw-text-opacity, 1)); }
.border-primary\/60 { border-color: rgb(var(--app-theme-rgb) / .6); }
.hover\:bg-primary\/90:hover { background-color: rgb(var(--app-theme-rgb) / .9); }
/* Preserve the complete 1170:2532 source screenshots without cropping. */
[style*="screen"] { aspect-ratio: 1170 / 2532; background-size: contain; background-color: #f4f7f5; }
.manual-header { position: relative; }
.manual-header .app-title { position: absolute; left: 50%; transform: translateX(-50%); width: max-content; white-space: nowrap; pointer-events: none; }
#cta-download-buttons > button { display: grid; grid-template-columns: 30px minmax(0, 1fr) 30px; align-items: center; padding-left: 10px; padding-right: 10px; }
#cta-download-buttons > button > img { grid-column: 1; justify-self: center; margin-right: 0; }
#cta-download-buttons > button > a { grid-column: 2; min-width: 0; text-align: center; }