/* Menszine Zoeken – versie 2: één wit geheel, tekst over de volle breedte op mobiel.
   Volgt de huisstijl van menszine.nl (rood #e20003, Poppins via het thema). */
.mzz{--mzz-accent:#e20003;--mzz-ink:#111;--mzz-muted:#5f6368;--mzz-line:#ececec;--mzz-tint:#fff4f4;
  background:#fff;color:var(--mzz-ink);font-family:Poppins,Helvetica,Arial,sans-serif}
.mzz *,.mzz *::before,.mzz *::after{box-sizing:border-box}
.mzz a{color:var(--mzz-ink);text-decoration:none}
.mzz a:hover{color:var(--mzz-accent)}
.mzz :focus-visible{outline:2px solid var(--mzz-accent);outline-offset:2px}
.mzz-ico{flex:none}

/* Indeling: hoofdkolom + zijbalk die bovenaan begint */
.mzz-layout{max-width:1100px;margin:0 auto;padding:36px 44px 56px;display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.mzz-main{flex:999 1 560px;min-width:0}
.mzz-side{flex:0 1 300px;min-width:260px;align-self:stretch;display:flex;flex-direction:column;gap:32px;padding-top:34px}
@media (max-width:1023px){
  .mzz-layout{gap:0}
  .mzz-side{flex-basis:100%;min-width:0;padding-top:32px}
}
@media (max-width:640px){.mzz-layout{padding:20px 20px 40px}}

/* Kop: kruimelpad, zoekbalk, gerelateerd, tabs */
.mzz-crumbs{font-size:13px;color:var(--mzz-muted);margin:0 0 14px}
.mzz .mzz-crumbs a{color:var(--mzz-muted)}
.mzz .mzz-hero__title{font-size:32px;line-height:1.2;font-weight:700;margin:0 0 6px}
.mzz-hero__sub{color:var(--mzz-muted);margin:0 0 20px}
.mzz-form{display:flex;align-items:stretch;border:2px solid var(--mzz-ink);border-radius:4px;background:#fff;overflow:hidden;margin:0}
.mzz-form__icon{display:flex;align-items:center;padding-left:16px;color:var(--mzz-muted)}
.mzz .mzz-form input[type=search]{flex:1;min-width:0;border:0;outline:0;box-shadow:none;background:transparent;font:inherit;font-size:18px;padding:14px;height:auto;margin:0;color:var(--mzz-ink)}
.mzz .mzz-form button{display:inline-flex;align-items:center;gap:8px;border:0!important;border-radius:0!important;background:var(--mzz-accent)!important;color:#fff!important;box-shadow:none!important;font:inherit;font-weight:600;font-size:15px;padding:0 28px;min-height:52px;cursor:pointer;margin:0}
.mzz .mzz-form button:hover{filter:brightness(.92)}
.mzz-form button .mzz-ico{display:none}
@media (max-width:640px){
  .mzz .mzz-form input[type=search]{font-size:16px;padding:12px}
  .mzz-form button span{display:none}.mzz-form button .mzz-ico{display:block}
  .mzz .mzz-form button{padding:0 15px;min-height:48px}.mzz-form__icon{display:none}
}

.mzz-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.mzz-chips__label{font-size:12px;font-weight:600;color:var(--mzz-muted);text-transform:uppercase;letter-spacing:.04em;margin-right:4px}
.mzz .mzz-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:1.2;padding:8px 14px;min-height:34px;border:1px solid #d6d6d6;border-radius:999px;background:#fff}
.mzz .mzz-chip .mzz-ico{width:13px;height:13px;color:var(--mzz-muted)}
.mzz .mzz-chip:hover{border-color:var(--mzz-accent)}
@media (max-width:640px){
  .mzz-chips{flex-wrap:nowrap;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding:0 20px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mzz-chips::-webkit-scrollbar{display:none}
  .mzz-chips__label{display:none}.mzz .mzz-chip{flex:none}
}

.mzz-tabs{display:flex;gap:28px;margin-top:18px;border-bottom:1px solid #e5e5e5;font-size:14px;font-weight:600;overflow-x:auto}
.mzz .mzz-tabs a{padding:12px 0;border-bottom:3px solid transparent;margin-bottom:-1px;color:var(--mzz-muted);white-space:nowrap}
.mzz .mzz-tabs a[aria-current]{border-color:var(--mzz-accent);color:var(--mzz-ink)}
@media (max-width:640px){.mzz-tabs{gap:24px;margin-left:-20px;margin-right:-20px;padding:0 20px}}

/* Blokken onder het artikel: gescheiden door een lijn, geen kaarten */
.mzz-content{padding-top:26px}
.mzz-block{margin-top:40px;padding-top:28px;border-top:1px solid #e5e5e5}
.mzz-content>.mzz-block:first-child{margin-top:0;padding-top:0;border-top:0}
.mzz-block__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.mzz-block__head .mzz-h2{margin:0}
.mzz .mzz-more{font-size:13px;font-weight:600;color:var(--mzz-accent)}
.mzz .mzz-h2{display:flex;align-items:center;gap:10px;font-size:22px;line-height:1.3;font-weight:700;margin:0 0 12px}
.mzz .mzz-h2::before{content:"";width:4px;height:22px;background:var(--mzz-accent);flex:none}
.mzz .mzz-side .mzz-h2{font-size:17px;margin-bottom:8px}
@media (max-width:640px){.mzz-content{padding-top:22px}.mzz-block{margin-top:30px;padding-top:22px}.mzz .mzz-h2{font-size:20px}}

/* Artikel */
.mzz-eyebrow{margin:0 0 10px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--mzz-accent)}
.mzz .mzz-article h1,.mzz .mzz-pending h1,.mzz .mzz-notice h1{font-size:36px;line-height:1.2;font-weight:700;margin:0 0 12px;overflow-wrap:anywhere}
.mzz-meta{margin:0 0 22px;font-size:14px;color:var(--mzz-muted)}
.mzz .mzz-article p{font-size:18px;line-height:1.75;margin:0 0 16px}
.mzz .mzz-article h2{font-size:24px;line-height:1.3;font-weight:700;margin:34px 0 10px}
.mzz-keypoints{background:var(--mzz-tint);border-left:4px solid var(--mzz-accent);padding:20px 24px;margin:30px 0}
.mzz .mzz-keypoints h2{font-size:18px;margin:0 0 10px}
.mzz .mzz-keypoints ul{margin:0;padding:0 0 0 18px;list-style:disc outside;font-size:16px;line-height:1.7}
.mzz .mzz-keypoints li{display:list-item;list-style:inherit;margin:0 0 6px;padding:0}
.mzz .mzz-keypoints li::marker{color:var(--mzz-accent)}
.mzz .mzz-keypoints li::before{content:none}
.mzz .mzz-disclaimer{margin:30px 0 0;padding-top:14px;border-top:1px solid #e5e5e5;font-size:12px!important;line-height:1.6!important;color:var(--mzz-muted)}
@media (max-width:640px){
  .mzz-eyebrow{font-size:12px;margin-bottom:8px}
  .mzz .mzz-article h1,.mzz .mzz-pending h1,.mzz .mzz-notice h1{font-size:26px;line-height:1.25;margin-bottom:8px}
  .mzz-meta{font-size:13px;margin-bottom:18px}
  .mzz .mzz-article p{font-size:17px;line-height:1.7}
  .mzz .mzz-article h2{font-size:21px;margin:26px 0 8px}
  .mzz-keypoints{padding:16px 16px 16px 18px;margin:22px 0}
  .mzz .mzz-keypoints h2{font-size:17px}
  .mzz .mzz-keypoints ul{font-size:15px;line-height:1.6}
}

/* Lijsten: Mensen zoeken ook, Veel gezocht, Populaire zoekopdrachten */
.mzz-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.mzz-related--single{grid-template-columns:minmax(0,1fr)}
@media (max-width:640px){.mzz-related{grid-template-columns:minmax(0,1fr)}}
.mzz .mzz-related a{display:flex;align-items:center;gap:12px;padding:12px 2px;min-height:46px;border-bottom:1px solid var(--mzz-line);font-size:15px;line-height:1.35}
.mzz .mzz-related--single a{font-size:14px;padding:11px 2px;min-height:44px}
.mzz .mzz-related a span{flex:1;min-width:0;overflow-wrap:anywhere}
.mzz .mzz-related a .mzz-ico{color:var(--mzz-muted)}
.mzz .mzz-related a:hover .mzz-ico{color:var(--mzz-accent)}
@media (max-width:1023px){.mzz .mzz-related--single a{font-size:16px;padding:12px 0;min-height:46px}.mzz .mzz-side .mzz-h2{font-size:20px}}

/* Menszine-artikelen (optioneel) */
.mzz-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mzz .mzz-post{display:flex;flex-direction:column;gap:8px}
.mzz .mzz-post__img{width:100%;height:140px;object-fit:cover;display:block;border-radius:2px;background:#eee}
.mzz-post__cat{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--mzz-accent)}
.mzz-post__title{font-size:15px;font-weight:600;line-height:1.4}
.mzz-post__date{font-size:12px;color:var(--mzz-muted)}
@media (max-width:640px){
  .mzz-posts{grid-template-columns:minmax(0,1fr);gap:0}
  .mzz .mzz-post{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:12px;row-gap:4px;padding:10px 0;border-bottom:1px solid var(--mzz-line)}
  .mzz .mzz-post__img{grid-row:1/4;height:72px}
  .mzz-post__title{font-size:14px}
}

/* Zijbalk */
.mzz .mzz-side__title{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--mzz-ink);padding-bottom:8px;margin:0 0 14px}
.mzz-latest{list-style:none;margin:0;padding:0;counter-reset:mzz}
.mzz-latest li{counter-increment:mzz;display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--mzz-line)}
.mzz-latest li::before{content:counter(mzz);font-size:26px;font-weight:700;color:var(--mzz-accent);line-height:1;min-width:22px}
.mzz .mzz-latest a{font-size:14px;font-weight:500;line-height:1.4}

/* Advertenties */
.mzz-ad{margin:26px 0;text-align:center;min-height:100px}
.mzz-content>.mzz-ad{margin:32px 0 0}
.mzz-ad__label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mzz-muted);margin-bottom:6px}
.mzz-ad--3{position:sticky;top:90px;min-height:620px;margin:0}
@media (max-width:1023px){.mzz .mzz-ad--3{display:none!important}}
@media (max-width:640px){.mzz .mzz-ad{margin-left:-20px;margin-right:-20px}.mzz .mzz-article .mzz-ad{margin-top:20px;margin-bottom:20px}.mzz .mzz-article .mzz-ad+.mzz-keypoints{margin-top:16px}}
.mzz-ad__placeholder{border:1.5px dashed var(--mzz-accent);border-radius:4px;background:repeating-linear-gradient(135deg,#fafafa 0 10px,#f2f2f2 10px 20px);
  min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;font-weight:700;color:var(--mzz-accent)}
@media (max-width:640px){.mzz-ad__placeholder{border-radius:0;border-left:0;border-right:0}}
.mzz-ad--3 .mzz-ad__placeholder{min-height:600px}
.mzz-ad__placeholder small{font-weight:400;color:#444;font-size:12px}
.mzz-ad:has(ins[data-ad-status="unfilled"]){display:none}

/* Wachten en meldingen */
.mzz .mzz-pending__msg{color:var(--mzz-muted);margin:0 0 20px}
.mzz-skeleton{display:grid;gap:12px}
.mzz-skeleton span{display:block;height:14px;border-radius:4px;background:linear-gradient(90deg,#eee 0%,#f7f7f7 50%,#eee 100%);background-size:200% 100%;animation:mzz-shimmer 1.4s linear infinite}
.mzz-skeleton span:nth-child(2){width:94%}.mzz-skeleton span:nth-child(3){width:88%}.mzz-skeleton span:nth-child(4){width:96%}.mzz-skeleton span:nth-child(5){width:60%}
@keyframes mzz-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.mzz-skeleton span{animation:none}}
.mzz .mzz-notice p{margin:0;line-height:1.7}
.mzz .mzz-notice code{background:var(--mzz-tint);color:var(--mzz-accent);padding:1px 6px;border-radius:3px}