/* The shared cocode-apps navigation, install block and footer, in this site's own look.
   Each page defines the colour variables and may set --site-col, its content column. */
main:focus { outline: 0; }

.site-nav, .site-footer {
  position: relative;
  z-index: 1;
  width: min(var(--site-col, 1100px), 92vw);
  margin: 0 auto;
}

.site-nav { padding-top: 12px; }
.site-footer { padding: 24px 0 40px; color: var(--muted); font-size: 0.9rem; }

/* cocode-nav.css loads after this file and sets link colour to inherit, so these rules are one class deeper. */
.site-nav .cocode-nav a, .site-footer .cocode-footer a { color: var(--primary-2); text-decoration: none; }
.site-nav .cocode-nav a:hover, .site-footer .cocode-footer a:hover { color: var(--primary); text-decoration: underline; }
.site-nav .cocode-nav .brand {
  gap: 10px;
  font-family: "Fraunces", Georgia, serif;
  font-weight: 800;
  font-size: 1.15rem;
}
.site-nav .cocode-nav a[aria-current="page"]:not(.brand) { text-decoration: underline; text-underline-offset: 4px; }

/* The install block: F-Droid first, then the APK (the main button), then Obtainium. */
.install {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}

.install li { margin: 0; }

.install a, .install .fdroid-soon {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 12px 20px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
}

.install .fdroid-soon { border: 1px dashed rgba(2, 88, 66, 0.4); color: var(--muted); }
.install .fdroid { padding: 0; }

.install li:nth-child(2) a {
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  color: #fff;
  box-shadow: 0 16px 30px rgba(1, 154, 100, 0.25);
}

.install li:nth-child(3) a {
  background: #fff;
  border: 1px solid rgba(2, 88, 66, 0.2);
  color: var(--primary-2);
}