/* privacy, terms, report, not found: brand.css first (fonts, navy, cream, coral), then this small layout */
.top { position: relative; z-index: 2; display: flex; align-items: center; max-width: 760px; margin: 16px auto 0; padding: 8px 14px 8px 10px; border-radius: 999px; color: var(--cream); }
main { position: relative; z-index: 1; max-width: 760px; margin: 16px auto 60px; padding: 44px 40px; border-radius: 26px; background: var(--cream); color: var(--navy); box-shadow: 0 40px 80px -40px rgba(0,0,0,.7); }
h1 { font-weight: 300; font-size: 48px; letter-spacing: -.045em; line-height: 1.02; margin: 0 0 12px; }
h2 { font-size: 19px; margin: 28px 0 6px; }
p, li { color: var(--text); line-height: 1.6; }
ul { padding-left: 20px; }
main a { color: var(--coral-2); }
.mu { color: var(--dim); font-size: 14px; }
.in { width: 100%; padding: 12px 14px; border-radius: 14px; background: #fffdf8; border: 0; box-shadow: inset 0 0 0 1px rgba(14,26,56,.14); outline: 0; color: var(--navy); font: inherit; }
textarea.in { min-height: 120px; resize: vertical; }
.lang-nl { display: none; } html[lang=nl] .lang-nl { display: block; } html[lang=nl] .lang-en { display: none; }
@media (max-width: 640px) { .top { margin: 12px 12px 0; } main { margin: 12px 12px 40px; padding: 30px 22px; } h1 { font-size: 36px; } }
/* v8 (13 Nov, "dat patroon voor alles"): the page on the hero's ground (.back in brand.css), the text on smoked glass */
.top { background: rgba(14,26,56,.34); box-shadow: inset 0 0 0 1px var(--gl-line); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
main { background: var(--gl); color: var(--ink); box-shadow: inset 0 0 0 1px var(--gl-line), 0 40px 80px -40px rgba(0,0,0,.7); -webkit-backdrop-filter: var(--gl-blur); backdrop-filter: var(--gl-blur); }
main a { color: #ff9a8c; }
.in { background: var(--gl-field); color: var(--cream); box-shadow: inset 0 0 0 1px rgba(244,236,221,.2); }
.in::placeholder { color: rgba(244,236,221,.42); }
.in:focus { box-shadow: inset 0 0 0 1.5px var(--coral); }
/* v13 (13 Nov): sand 60 / forest 30 / terracotta 10 */
.top { background: rgba(251,247,239,.86); color: var(--ink); box-shadow: inset 0 0 0 1px var(--gl-line), 0 18px 40px -28px rgba(40,50,30,.35); }
main a { color: var(--coral-2); }
.in { background: #fffdf8; color: var(--ink); box-shadow: inset 0 0 0 1px rgba(23,41,29,.15); }
.in::placeholder { color: rgba(23,41,29,.4); }