/* SPDX-FileCopyrightText: 2026 Huismus contributors
   SPDX-License-Identifier: AGPL-3.0-or-later */
/* De Huismus-site (huismus/core/site.py): alleen de opmaak die de app niet
   heeft (kop, voet, downloadknoppen). Kleuren, kaarten, knoppen en de
   hulptekst komen uit huismus.css. */

.site { display: flex; flex-direction: column; min-height: 100vh; }
.site-head, .site-main, .site-foot { width: 100%; max-width: var(--content-max); margin: 0 auto; padding-inline: var(--s-6); }
.site-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); flex-wrap: wrap; padding-block: var(--s-5); }
.site-head .brand { padding-inline: 0; }
.site-nav { display: flex; align-items: center; gap: var(--s-1) var(--s-5); flex-wrap: wrap; font-weight: var(--fw-medium); }
.site-nav a { color: var(--text-muted); text-decoration: none; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: var(--text); }
.site-nav a[aria-current="page"] { text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 2px; text-underline-offset: 6px; }
.site-main { flex: 1; display: flex; flex-direction: column; gap: var(--s-6); padding-block: var(--s-6) var(--s-12); }
.site-main.site-narrow { max-width: calc(820px + 2 * var(--s-6)); }
.site-main > .page-head { margin-bottom: 0; }
.site-foot { display: flex; flex-direction: column; gap: var(--s-2); padding-block: var(--s-6) var(--s-8); border-top: 1px solid var(--border); }

.hero { gap: var(--s-4); padding-block: var(--s-6) var(--s-2); }
.hero h1 { font-size: var(--fs-3xl); }
.hero .lede { font-size: var(--fs-lg); }
.downloads { display: flex; gap: var(--s-3); flex-wrap: wrap; margin-top: var(--s-2); }
.help-text h3 { margin-top: var(--s-2); }

@media (max-width: 640px) {
  .site-head, .site-main, .site-foot { padding-inline: var(--s-4); }
  .site-main.site-narrow { max-width: none; }
  .hero h1 { font-size: var(--fs-2xl); }
  .downloads { flex-direction: column; }
  .downloads .btn { width: 100%; }
}