/* Styles for the pages besides the homepage (contact, security, legal, booking, 404).
   Built on the tokens from styles.css (--navy, --blue, --ink, --muted, --line, --pale, --paper, --width). */

.page-main{min-height:60vh}
.content-page{padding:64px 0 96px}
.content-page .wrap{width:min(860px,calc(100% - 80px))}
.content-page .eyebrow,.orientatie-hero .eyebrow{display:block;font-size:12px;font-weight:760;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.content-page h1{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.035em;font-weight:790;color:var(--navy);margin:12px 0 8px}
.content-page h2{font-size:22px;line-height:1.25;letter-spacing:-.02em;font-weight:730;color:var(--navy);margin:42px 0 12px}
.content-page h3{font-size:17px;font-weight:700;color:var(--navy);margin:24px 0 8px}
.content-page p{color:var(--ink);margin:0 0 14px}
.content-page .lead{font-size:19px;line-height:1.6;color:var(--muted);max-width:660px;margin-bottom:28px}
.content-page .updated{color:var(--muted);font-size:14px;margin:0 0 34px}
.content-page ul,.content-page ol{padding-left:22px;color:var(--ink);margin:0 0 16px}
.content-page li{margin-bottom:6px}
.content-page p a,.content-page li a,.content-page td a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.content-page p a:hover,.content-page li a:hover{color:var(--navy)}
.content-page table{width:100%;border-collapse:collapse}

.toc{background:var(--pale);border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin:28px 0 40px}
.toc h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.toc ol{margin:10px 0 0;padding-left:20px}
.toc a{color:var(--blue)}

.download-row{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 8px}
.download-card{display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px 18px;font-size:15px;font-weight:650;color:var(--navy);text-decoration:none}
.download-card .ext{font-size:11px;font-weight:760;color:#fff;background:var(--blue);border-radius:5px;padding:3px 6px}
a.download-card:hover{border-color:var(--blue)}

.trust-grid{display:grid;gap:18px}
@media(min-width:760px){.trust-grid{grid-template-columns:repeat(2,1fr)}}
.trust-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px}
.trust-card h3{margin:0 0 8px}
.trust-card .btn{margin-top:14px}
.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.badge{font-size:13px;font-weight:650;padding:7px 13px;border-radius:100px;background:var(--pale);color:var(--navy)}

.btn-ghost{background:transparent;color:var(--navy);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}

.orientatie-hero{padding:56px 0 8px;text-align:center}
.orientatie-hero h1{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.03em;font-weight:790;color:var(--navy);margin:14px 0 0}
.orientatie-hero p{color:var(--muted);max-width:560px;margin:14px auto 0}
.scheduler-embed{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:36px 0;background:var(--paper)}
.scheduler-embed iframe{display:block;width:100%;height:760px;border:0}
.scheduler-fallback{display:none;text-align:center;padding:40px 24px}
.scheduler-embed.no-embed .scheduler-fallback{display:block}
.scheduler-embed.no-embed iframe{display:none}

.error-page{padding:100px 0;text-align:center}
.error-code{font-size:13px;font-weight:760;letter-spacing:.12em;color:var(--blue);text-transform:uppercase}
.error-page h1{margin:14px 0 12px;font-size:clamp(28px,3.6vw,42px);line-height:1.12;letter-spacing:-.035em;font-weight:790;color:var(--navy)}
.error-page p.lead{color:var(--muted);max-width:480px;margin:0 auto 32px}
.error-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.error-links{margin-top:44px;font-size:14px;color:var(--muted)}
.error-links a{color:var(--blue)}