:root { --app-theme-rgb: 15 213 141; }
.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); }
/* Keep each source screenshot fully visible at its native 19:32 proportion. */
[style*="screen"] { aspect-ratio: 19 / 32; 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; }
.manual-header .language-select {
  min-width: 86px;
  height: 36px;
  padding: 0 30px 0 12px;
  border: 1px solid rgb(var(--app-theme-rgb) / .26);
  border-radius: 999px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%230fd58d' d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");
  background-position: right 11px center;
  background-size: 11px;
  box-shadow: 0 2px 8px rgb(15 213 141 / .14);
  color: #087b53;
  font-size: 13px;
  font-weight: 700;
  line-height: 34px;
}
.manual-header .language-select:hover { background-color: #effdf7; border-color: rgb(var(--app-theme-rgb) / .5); }
.manual-header .language-select:focus-visible { outline: 3px solid rgb(var(--app-theme-rgb) / .22); outline-offset: 2px; }
.manual-header .language-select option { background: #fff; color: #174537; }
#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; }