/* The shared cocode-apps header, install block and footer, in this site's own look.
   --column is the page's text column; the privacy page narrows it. */
.site-header, .site-footer { width: min(var(--column, 1100px), 92vw); margin: 0 auto; }
.site-header { padding: 8px 0 6px; }
.site-header .cocode-nav { gap: 0 8px; }
.cocode-nav a { padding: 0 8px; color: var(--muted); font-size: 0.95rem; text-decoration: none; }
.cocode-nav a:hover { color: var(--neon-blue); }
.cocode-nav a[aria-current="page"] { color: var(--text); }
.cocode-nav .brand { padding: 0; color: var(--text); font-family: "Space Grotesk", "IBM Plex Sans", sans-serif;
  font-size: 1.1rem; letter-spacing: 0.02em; }

/* The install block: F-Droid first, then the APK (the main button), then Obtainium. */
.install { list-style: none; margin: 0 0 22px; padding: 0; display: flex; flex-wrap: wrap; align-items: center;
  gap: 12px 16px; }
.install li { margin: 0; }
main .install a, .install .fdroid-soon { display: inline-flex; align-items: center; min-height: 44px; margin: 0;
  padding: 6px 18px; border-radius: 12px; font-weight: 600; line-height: 1.3; text-decoration: none; }
.install .fdroid-soon { border: 1px dashed var(--line); color: var(--muted); }
main .install li:nth-child(2) a { background: linear-gradient(90deg, var(--neon-blue), var(--neon-pink)); color: #040811;
  box-shadow: 0 0 24px rgba(68, 191, 255, 0.45); }
main .install li:nth-child(3) a { border: 1px solid var(--line); background: rgba(11, 17, 33, 0.52); color: var(--text); }
main .install a:focus-visible { outline: 2px solid var(--neon-amber); outline-offset: 3px; }
main .install .fdroid { padding: 0; border-radius: 0; }

/* The footer */
.site-footer { padding: 30px 0 42px; font-size: 0.9rem; color: #91a9d4; }
.cocode-footer { margin: 0; text-align: start; }
.cocode-footer a { color: var(--text); text-decoration: underline; text-underline-offset: 2px; }