/* /zzp page (ZZP.dc.html): mockup helpers that are not part of mk.css. Everything is scoped under .mk and prefixed zzp-. */
.mk .zzp-hero{padding:72px 0 56px;background:#fff;border-bottom:1px solid #D8DEE5}
.mk .zzp-crumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.mk .zzp-crumbs a{text-decoration:none}
.mk .zzp-lead{font-size:19px;line-height:1.5;color:#171C24;max-width:760px}
/* status table: a real <table> laid out like the mockup .trow grid */
.mk .zzp-tbl table,.mk .zzp-tbl thead,.mk .zzp-tbl tbody{display:block;width:100%;border:0;margin:0}
.mk .zzp-tbl tr{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;padding:20px 24px;border-top:1px solid #D8DEE5;align-items:start}
.mk .zzp-tbl thead tr{border-top:0;padding:0 24px 12px}
.mk .zzp-tbl th,.mk .zzp-tbl td{display:block;padding:0;border:0;background:none;text-align:left;font-weight:400}
.mk .zzp-tbl th[scope=row]{font-weight:700}
.mk .zzp-tbl thead th{font-size:14px;font-weight:700;color:#0E2340;line-height:1.45}
.mk .zzp-tbl tr.v3-zzp-rtb{background:#FBE7DC;border-radius:0 0 16px 16px;margin-top:8px;padding-top:20px;padding-bottom:20px}
.mk .zzp-tbl tr.v3-zzp-rtb th,.mk .zzp-tbl tr.v3-zzp-rtb td{color:#7C2D12}
.mk .zzp-tbl .chip{max-width:100%;white-space:normal}
.mk .zzp-tbl td .chip{display:flex}
/* why cards */
.mk .zzp-why{display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.mk .zzp-why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mk .zzp-why{grid-template-columns:minmax(0,1fr)}}
/* tinted explanation block (warm tint, no side stripe) */
.mk .zzp-tint{padding:16px 20px;border-radius:12px;background:#FBE7DC;color:#7C2D12;font-size:16px;line-height:1.5}
.mk .zzp-tint p{color:#7C2D12}
/* timeline on the dark section */
.mk .zzp-tl{display:flex;gap:16px;align-items:flex-start}
.mk .zzp-dot{width:14px;height:14px;border-radius:50%;background:#C2410C;flex:none;margin-top:8px}
.mk .zzp-dot--late{background:#9FB0CC}
.mk .dark .v3-src,.mk .dark .v3-src a{color:#9FB0CC}
.mk .dark .v3-src a{text-decoration:underline}
/* free-access: the 3-question widget */
.mk .zzp-dba .zzp-js{display:none}
.mk .zzp-dba.is-js .zzp-js{display:flex;flex-direction:column;gap:12px}
.mk .zzp-q{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;border-top:1px solid #D8DEE5;flex-wrap:wrap}
.mk .zzp-q>span{flex:1 1 220px;max-width:360px}
.mk .zzp-q:first-child{border-top:0}
.mk .zzp-tog{min-height:44px;min-width:88px;padding:0 18px;border-radius:10px;border:2px solid #0E2340;background:#fff;color:#0E2340;font-family:var(--rz-font);font-weight:700;font-size:15px;cursor:pointer}
.mk .zzp-tog:hover{background:#E4EDF6}
.mk .zzp-tog.on,.mk .zzp-tog.on:hover{background:#0E2340;color:#fff}
.mk .zzp-res{padding:18px 20px;border-radius:12px;display:flex;flex-direction:column;gap:6px}
.mk .zzp-res[hidden]{display:none}
.mk .zzp-res b{font-weight:700}
.mk .zzp-res--none{background:#F3F5F7}
.mk .zzp-res--ok{background:#E3F3EA;color:#1E7B4F}
.mk .zzp-res--mid{background:#FBE7DC;color:#7C2D12}
.mk .zzp-res--bad{background:#FDE2E2;color:#9B1C1C}
.mk .zzp-res--ok .cap{color:#1E7B4F}
.mk .zzp-res--mid .cap{color:#7C2D12}
.mk .zzp-res--bad .cap{color:#9B1C1C}
/* free-access extra material and the nl/en fold */
.mk .zzp-ext{display:flex;flex-direction:column;gap:28px;margin-top:48px}
.mk .zzp-ext>h3{font-size:22px}
.mk .zzp-ext p,.mk .zzp-fold p{padding:0;max-width:none}
.mk .zzp-fold{border-bottom:1px solid #D8DEE5}
.mk .zzp-fold>summary{font-family:var(--rz-font-display);font-size:18px;line-height:1.35}
.mk .zzp-fold>div{padding:12px 0 32px}
.mk .zzp-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.mk .zzp-links{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.mk .zzp-table{overflow-x:auto}
.mk .zzp-table table{width:100%;border-collapse:collapse;font-size:15px;background:#fff}
.mk .zzp-table th,.mk .zzp-table td{padding:10px 14px;border-bottom:1px solid #D8DEE5;text-align:left;vertical-align:top}
.mk .zzp-table thead th{font-size:14px;color:#0E2340}
/* FAQ and sources */
.mk .zzp-faq{display:flex;flex-direction:column;border-bottom:1px solid #D8DEE5}
.mk .zzp-faq .v3-src{display:inline-block;margin-top:8px}
.mk .zzp-src-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
@media (max-width:720px){
  .mk .zzp-hero{padding:48px 0 40px}
  .mk .zzp-lead{font-size:17px}
  .mk .zzp-tbl tr{padding:18px 16px;gap:10px}
  .mk .zzp-tbl thead tr{padding:0;display:block;height:0;border:0}
  .mk .zzp-tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .mk .zzp-tog{min-width:80px}
  .mk .zzp-ext{margin-top:32px}
}

.mk h1,.mk h2,.mk h3{color:#171C24}
.mk .dark h1,.mk .dark h2,.mk .dark h3{color:#fff}