/* Opmaak die alleen de losse modulesite nodig heeft: kop, intro en voet.
   De module zelf komt uit boeken.css, precies zoals op de website. */

.module-body { background: var(--c-cream-soft); }

.module-kop {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-3) var(--s-5);
  padding: var(--s-4) var(--gutter);
  background: var(--c-ink);
  color: var(--c-text-inv);
}
.module-kop__logo { display: grid; gap: 2px; color: inherit; }
.module-kop__naam { font-family: var(--font-display); font-size: var(--t-lg); line-height: 1; }
.module-kop__sub {
  font-size: var(--t-overline);
  letter-spacing: var(--ls-wide);
  text-transform: uppercase;
  color: var(--c-brass-bright);
}
.module-kop__contact { display: flex; flex-wrap: wrap; gap: var(--s-2); font-size: var(--t-sm); color: var(--c-text-inv-soft); }
.module-kop__contact a { color: var(--c-text-inv); border-bottom: 1px solid rgba(247, 243, 234, 0.3); }
.module-kop__contact a:hover { border-bottom-color: var(--c-brass-bright); }

.module-intro {
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(28px, 5vw, 56px) var(--gutter) clamp(18px, 2.5vw, 28px);
  display: grid;
  gap: var(--s-3);
}
.module-intro__titel { font-size: var(--t-2xl); }
.module-intro__tekst { color: var(--c-text-soft); max-width: 62ch; }

/* De module staat hier zonder omliggende pagina, dus iets minder lucht */
.module-body .section { padding-block: 0 clamp(32px, 5vw, 64px); }
.module-body .container { max-width: 1180px; }

.module-voet {
  padding: clamp(24px, 4vw, 40px) var(--gutter);
  background: var(--c-ink);
  color: var(--c-text-inv-soft);
  font-size: var(--t-sm);
  display: grid;
  gap: 6px;
}
.module-voet a { color: var(--c-text-inv); border-bottom: 1px solid rgba(247, 243, 234, 0.3); }
.module-voet__noot { color: var(--c-text-inv-mute); font-size: var(--t-xs); }