/* Losse infopagina's (/sexchat, /kinky-chat, ...): gewone HTML voor zoekmachines en AI, zelfde sfeer als het hotel. */
html { background: #14101e; }
body { margin: 0; color: #f3e9d2; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; line-height: 1.6; }
a { color: #e8c46a; }
header, main, footer { max-width: 760px; margin: 0 auto; padding: 0 22px; }
header { display: flex; align-items: center; gap: 12px; padding-top: 22px; }
header a { display: flex; align-items: center; gap: 10px; color: #f3e9d2; text-decoration: none; font-weight: 700; font-size: 1.15rem; }
header img { width: 40px; height: 40px; }
h1 { font-size: clamp(1.7rem, 5vw, 2.4rem); line-height: 1.2; margin: 1.2em 0 0.4em; }
h2 { font-size: 1.3rem; margin: 1.8em 0 0.4em; color: #e8c46a; }
p, li { color: #d8cbb0; }
.lead { font-size: 1.12rem; color: #f3e9d2; }
figure { margin: 1.4em 0; }
figure img { display: block; width: 100%; aspect-ratio: 640 / 300; border-radius: 12px; border: 1px solid #3a2f4a; }
figcaption { font-size: 0.9rem; color: #a99a80; margin-top: 0.4em; }
.cta { text-align: center; margin: 2em 0; }
.cta a { display: inline-block; padding: 12px 26px; border-radius: 999px; background: #c9a24a; color: #14101e; text-decoration: none; font-weight: 700; font-size: 1.05rem; }
.cta small { display: block; margin-top: 0.6em; color: #a99a80; }
dt { font-weight: 700; color: #f3e9d2; margin-top: 1em; }
dd { margin: 0.2em 0 0; color: #d8cbb0; }
footer { border-top: 1px solid #3a2f4a; margin-top: 3em; padding-top: 1.2em; padding-bottom: 3em; font-size: 0.9rem; color: #a99a80; }
footer nav { display: flex; flex-wrap: wrap; gap: 0.3em 1.1em; margin-bottom: 0.8em; }
footer nav a { color: #a99a80; }