.cd-page{--cd-navy:#204080;--cd-mid:#6688CC;--cd-light:#EBEEF5;--cd-canvas:#F7FCFF;--cd-orange:#CC6600;--cd-grey:#CCCCCC;--cd-muted:#878787;--cd-dark:#646464;--cd-white:#FFFFFF;--cd-r-sm:6px;--cd-r-md:12px;--cd-r-lg:20px;--cd-shadow:0 2px 16px rgba(32,64,128,.09);font-family:inherit;color:var(--cd-navy);line-height:1.65;max-width:100%;}
.cd-page *,.cd-page *::before,.cd-page *::after{box-sizing:border-box;margin:0;padding:0;}

.cd-hero-legal{background:var(--cd-navy);border-radius:var(--cd-r-lg);padding:44px 40px 40px;margin-bottom:48px;position:relative;overflow:hidden;display:flex;align-items:center;gap:24px;}
.cd-hero-legal::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(102,136,204,.07) 0px,rgba(102,136,204,.07) 1px,transparent 1px,transparent 38px);pointer-events:none;}
.cd-hero-legal-icon{width:56px;height:56px;border-radius:var(--cd-r-md);background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;}
.cd-hero-legal-text{position:relative;}
.cd-hero-legal-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:6px;}
.cd-hero-legal h1{font-size:clamp(20px,3vw,30px);font-weight:700;color:var(--cd-white)!important;margin:0 0 6px!important;line-height:1.2;}
.cd-hero-legal-sub{font-size:14px;color:rgba(255,255,255,.65);}
@media(max-width:480px){.cd-hero-legal{padding:28px 20px;flex-direction:column;align-items:flex-start;gap:14px;}}

.cd-legal-layout{display:grid;grid-template-columns:1fr 260px;gap:32px;align-items:start;margin-bottom:48px;}
@media(max-width:760px){.cd-legal-layout{grid-template-columns:1fr;}}

.cd-legal-content{background:var(--cd-white);border-radius:var(--cd-r-lg);box-shadow:var(--cd-shadow);padding:40px;border-top:4px solid var(--cd-navy);}
@media(max-width:480px){.cd-legal-content{padding:24px;}}

.cd-legal-content h2{font-size:18px;font-weight:700;color:var(--cd-navy)!important;margin:0 0 10px!important;}
.cd-legal-content p{font-size:15px;color:var(--cd-dark);line-height:1.8;margin-bottom:14px;}
.cd-legal-content p:last-child{margin-bottom:0;}
.cd-legal-content a{color:var(--cd-mid);font-weight:600;text-decoration:none;}
.cd-legal-content a:hover{text-decoration:underline;}
.cd-legal-content strong{color:var(--cd-navy);}
.cd-legal-content ul{margin:10px 0 16px 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.cd-legal-content ul li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--cd-dark);line-height:1.6;}
.cd-legal-content ul li::before{content:'';display:block;flex-shrink:0;width:18px;height:18px;margin-top:2px;background:var(--cd-mid) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat;border-radius:50%;}

.cd-legal-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--cd-light);}
.cd-legal-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}

/* Afbeelding placeholder */
.cd-img-placeholder{
  width:100%;
  border-radius:var(--cd-r-md);
  background:var(--cd-light);
  border:2px dashed var(--cd-grey);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:40px 20px;
  margin:28px 0;
  min-height:120px;
  color:var(--cd-muted);
  font-size:13px;
  font-weight:600;
  text-align:center;
}
.cd-img-placeholder svg{opacity:.4;}
.cd-img-placeholder-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cd-grey);}

/* Sidebar */
.cd-legal-sidebar{display:flex;flex-direction:column;gap:14px;}
.cd-legal-nav{background:var(--cd-white);border-radius:var(--cd-r-md);box-shadow:var(--cd-shadow);padding:20px;}
.cd-legal-nav-title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cd-muted);margin-bottom:12px;}
.cd-legal-nav-links{display:flex;flex-direction:column;gap:2px;}
.cd-legal-nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--cd-r-sm);font-size:14px;font-weight:600;color:var(--cd-dark);text-decoration:none!important;transition:background .15s,color .15s;}
.cd-legal-nav-link:hover{background:var(--cd-light);color:var(--cd-navy);}
.cd-legal-nav-link.active{background:var(--cd-navy);color:var(--cd-white)!important;}
.cd-legal-nav-link svg{flex-shrink:0;opacity:.6;}
.cd-legal-nav-link.active svg{opacity:1;}
.cd-legal-contact-card{background:var(--cd-navy);border-radius:var(--cd-r-md);padding:20px;position:relative;overflow:hidden;}
.cd-legal-contact-card::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(102,136,204,.07) 0px,rgba(102,136,204,.07) 1px,transparent 1px,transparent 38px);pointer-events:none;}
.cd-legal-contact-card p{font-size:13px;color:rgba(255,255,255,.72);line-height:1.6;margin-bottom:12px;position:relative;}
.cd-legal-contact-card a{display:block;font-size:13px;font-weight:700;color:var(--cd-white);text-decoration:none;padding:9px 16px;background:rgba(255,255,255,.12);border-radius:var(--cd-r-sm);text-align:center;transition:background .15s;position:relative;}
.cd-legal-contact-card a:hover{background:rgba(255,255,255,.2);}
.cd-legal-info{background:var(--cd-light);border-radius:var(--cd-r-md);padding:16px 18px;font-size:13px;color:var(--cd-dark);line-height:1.6;}
.cd-legal-info strong{color:var(--cd-navy);display:block;margin-bottom:4px;}