/* Opmaak die in de referentiesite als inline stijl op een element
   stond. Als class, want een style-attribuut overleeft de blokeditor
   niet. Marges zitten er bewust niet in: die regelt het typografisch
   ritme in style.css. */

.ms-09a5de31 {
  max-width:820px;
}
.ms-43088519 {
  background:#2A2825;
  border-radius:18px;
  padding:28px;
  border:1px solid var(--line-dk);
}
.ms-f0098e87 {
  font-size:14px;
  color:rgba(255,255,255,.66);
}
.ms-10989ccb {
  background:var(--tk-surface,#fff);
  border:1px solid var(--tk-line,var(--line));
  border-radius:var(--tk-radius,18px);
  padding:26px 28px;
  max-width:900px;
}
.ms-24e29cd7 {
  font-size:19px;
  font-weight:600;
}
.ms-debfd443 {
  font-size:14.5px;
  color:var(--ink-soft);
  line-height:1.7;
}
.ms-67194863 {
  font-size:14px;
  color:var(--ink-soft);
  max-width:760px;
}
.ms-50428859 {
  font-size:52px;
}
.ms-71e17938 {
  max-width:760px;
}
.ms-46d19a16 {
  color:var(--orange-deep);
}
.ms-79bd8f33 {
  font-size:12.5px;
  color:var(--ink-faint);
}
.ms-54654b17 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:44px;
  align-items:center;
}
.ms-ee56f5ab {
  font-size:16px;
  color:var(--ink-soft);
  line-height:1.7;
}
.ms-524d4fb6 {
  background:var(--tk-surface,#fff);
  border:1px solid var(--tk-line,var(--line));
  border-radius:22px;
  padding:26px;
}
.ms-26c3ae8e {
  display:flex;
  align-items:center;
  gap:10px;
}
.ms-7eb0ff79 {
  display:flex;
  flex-direction:column;
  gap:10px;
  font-size:14px;
}
.ms-3a28d7e3 {
  grid-template-columns:1fr;
  max-width:760px;
}
.ms-41535f2d {
  max-width:960px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
}
.ms-e0132535 {
  font-size:38px;
}
.ms-b44d231b {
  font-size:16.5px;
  color:var(--ink-soft);
  line-height:1.7;
}
.ms-a857ba27 {
  font-size:13.5px;
  color:var(--ink-faint);
}
.ms-e9c113bc {
  font-size:20px;
  font-weight:600;
}
.ms-c8f6c0ad {
  font-size:12.5px;
  color:var(--ink-faint);
  text-align:center;
}
.ms-6b99de8b {
  display:none;
}
.ms-691f4031 {
  padding:60px 0 48px;
}
.ms-c7c3f634 {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:20px;
}
.ms-e0bf0b12 {
  font-size:46px;
}
.ms-46d7a1bd {
  font-size:17px;
  max-width:none;
}
.ms-2b1927b7 {
  font-size:13px;
  color:var(--ink-faint);
}
.ms-308ac4c6 {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  flex-wrap:wrap;
}
.ms-4361a2ff {
  font-size:32px;
}
.ms-8ec07010 {
  font-size:15px;
  color:var(--ink-soft);
  max-width:620px;
}
.ms-a9f1538c {
  display:flex;
  gap:10px;
}
.ms-e7fec3d0 {
  font-size:40px;
}
.ms-cf2d28aa {
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.ms-f86bc9a4 {
  font-size:17px;
  color:var(--ink-soft);
  line-height:1.7;
}
.ms-8d43dbfa {
  font-size:14px;
  color:var(--ink-faint);
}
.ms-ff3945a4 {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:44px;
  align-items:start;
}
.ms-947e9156 {
  font-size:21px;
  font-weight:600;
}
.ms-5be63078 {
  font-size:13.5px;
  color:var(--ink-soft);
}
.ms-0d3d737f {
  max-width:980px;
}
.ms-004ffd77 {
  background:#2A2825;
  border-radius:22px;
  padding:40px;
  border:1px solid var(--line-dk);
  max-width:920px;
}
.ms-fbc23a07 {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
.ms-ee42b52d {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
}
.ms-63bcacaa {
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ms-6e6952ff {
  background:#211F1D;
  border-radius:12px;
  padding:16px;
}
.ms-95fad566 {
  font-size:26px;
  font-weight:600;
}
.ms-5339e5a4 {
  font-size:12px;
  color:var(--ink-faint);
  text-align:center;
}
.ms-d7c6b68b {
  font-size:15px;
  font-weight:600;
}
.ms-349649e2 {
  font-size:13.5px;
  color:var(--ink-soft);
  line-height:1.8;
}
.ms-526c016a {
  background:var(--orange-tint);
  border-radius:16px;
  padding:24px;
}
.ms-72062cab {
  font-size:16px;
  font-weight:700;
}
.ms-2669e5d8 {
  font-size:14px;
  color:var(--ink-2);
}
.ms-5fa1a36c {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
}
.ms-b96a3832 {
  font-size:34px;
}
.ms-9e9dea4b {
  font-size:17px;
  color:var(--ink-soft);
}
.ms-e5999ef0 {
  display:flex;
  gap:11px;
  align-items:center;
  font-size:15px;
  font-weight:600;
}
.ms-7f23d5c3 {
  display:flex;
  flex-direction:column;
  gap:11px;
}
.ms-cbf1e8e8 {
  background:var(--white);
  border:1px solid var(--line);
  border-radius:20px;
  padding:30px;
}
.ms-1ba04455 {
  background:var(--ink);
  border-radius:24px;
  padding:48px;
  text-align:center;
  color:#fff;
}
.ms-c3c96831 {
  font-size:32px;
  color:#fff;
}
.ms-da4a7de0 {
  font-size:17px;
  color:rgba(255,255,255,.7);
  max-width:520px;
}
.ms-0233d479 {
  font-size:12.5px;
  color:rgba(255,255,255,.4);
}
.ms-5b6787f6 {
  font-weight:800;
  font-size:13px;
}
.ms-bac30ab0 {
  font-size:12.5px;
  color:var(--ink-soft);
  line-height:1.6;
}
.ms-8a047daf {
  text-align:center;
  font-size:13px;
  color:var(--ink-faint);
}
.ms-1d34c094 {
  max-width:900px;
}
.ms-3af3933d {
  background:var(--orange-tint);
  border-radius:16px;
  padding:22px 26px;
  max-width:900px;
}
.ms-bfb047e8 {
  font-size:14.5px;
  color:var(--ink-2);
  line-height:1.7;
}
.ms-cefc4e80 {
  font-size:13px;
  color:var(--ink-faint);
  text-align:center;
}
.ms-839b05e6 {
  font-size:40px;
  line-height:1.12;
}
.ms-902c89be {
  font-size:19px;
  color:var(--ink-soft);
  line-height:1.6;
}
.ms-45cdce14 {
  padding:28px;
  background:var(--cream-2);
  border-radius:18px;
  text-align:center;
}
.ms-40564631 {
  font-size:22px;
  font-weight:600;
}
.ms-0379fb8d {
  color:var(--ink-soft);
  font-size:15px;
}
.ms-fa5d7c2f {
  grid-template-columns:1fr;
  max-width:820px;
}
.ms-a4cbf571 {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:48px;
  align-items:start;
}
.ms-baaafd9d {
  background:var(--tk-bg-2,var(--cream-2));
  border-radius:var(--tk-radius,18px);
  padding:28px;
}
.ms-3d8f2a71 {
  font-size:13.5px;
  color:var(--ink-soft);
  max-width:820px;
}
.ms-330ce2f2 {
  max-width:860px;
}
.ms-e1d27c4e {
  background:var(--tk-surface,#fff);
  border:1px solid var(--tk-line,var(--line));
  border-radius:var(--tk-radius,18px);
  padding:28px 30px;
  max-width:860px;
}
.ms-b9228122 {
  font-size:15px;
  color:var(--ink-soft);
  line-height:1.7;
}
.ms-25a8d6ea {
  font-size:34px;
  font-weight:600;
}
.ms-ba4e4cff {
  display:flex;
  flex-direction:column;
  gap:14px;
}
.ms-c934f627 {
  background:var(--white);
  border:1px solid var(--line);
  border-radius:16px;
  padding:22px;
  display:flex;
  align-items:center;
  gap:16px;
}
.ms-4ff818ff {
  font-size:18px;
}
.ms-e785b9bd {
  font-size:13.5px;
}
.ms-a6bdf0d8 {
  background:var(--ink);
  color:#fff;
  border-radius:18px;
  padding:30px 34px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
}
.ms-1836d928 {
  flex:1;
  min-width:260px;
}
.ms-729d2fa4 {
  color:#fff;
}
.ms-dee1008c {
  font-size:14px;
  color:rgba(255,255,255,.7);
  max-width:560px;
}
.ms-0419023f {
  background:var(--ink);
  color:#fff;
  border-radius:18px;
  padding:26px 32px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
}
.ms-3f367c00 {
  align-items:stretch;
}
.ms-e58b8101 {
  font-size:48px;
}
.ms-0b4f4a4e {
  background:var(--tk-surface,#fff);
  border:1px solid var(--tk-line,var(--line));
  border-radius:var(--tk-radius,16px);
  padding:26px 28px;
}
.ms-d773ffdd {
  font-size:14.5px;
  color:var(--ink-soft);
  line-height:1.8;
}
.ms-fb4a3fef {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:22px;
}
.ms-87e797aa {
  font-size:11.5px;
  color:var(--ink-soft);
  line-height:1.5;
}
.ms-b53d77b9 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:start;
  padding:0;
}
.ms-8c9e07b9 {
  background:#2A2825;
  border-radius:18px;
  padding:30px;
  border:1px solid var(--line-dk);
}
.ms-6f4f14c6 {
  font-size:22px;
  color:#fff;
  font-weight:600;
}
.ms-084be743 {
  grid-template-columns:1fr;
  max-width:720px;
}
.ms-7efc20e5 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:46px;
  align-items:center;
  padding:0;
}
.ms-524e058f {
  display:flex;
  gap:15px;
  align-items:flex-start;
}
.ms-8460f03f {
  display:flex;
  flex-direction:column;
  gap:20px;
}
.ms-5900ae03 {
  background:#2A2825;
  border-radius:20px;
  padding:32px;
  border:1px solid var(--line-dk);
}
.ms-89644753 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:stretch;
  padding:0;
}
.ms-a4020679 {
  font-size:20px;
  color:#fff;
  font-weight:600;
}
.ms-e2b01b0d {
  max-width:640px;
}
.ms-981bd454 {
  color:var(--ink-faint);
  font-size:13.5px;
}
.ms-bc296b82 {
  font-size:14px;
  display:flex;
  gap:10px;
}
.ms-91a87015 {
  text-align:center;
}
.ms-7fc16fa8 {
  max-width:620px;
}
.ms-41675526 {
  background:var(--orange-tint);
  border-radius:10px;
  padding:18px 22px;
}
.ms-bd575fef {
  font-size:16px;
  color:rgba(255,255,255,.82);
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.ms-d6637c14 {
  color:#006A29;
}
.ms-eef71d49 {
  color:#B82922;
}
.ms-c730574d {
  color:#8A8682;
}
.ms-0743cea6 {
  background:var(--tk-surface,#fff);
  border:1px solid var(--tk-line,var(--line));
  border-radius:18px;
  padding:28px 30px;
  max-width:860px;
}
.ms-b386190f {
  background:var(--tk-surface,#fff);
  border:1px solid var(--tk-line,var(--line));
  border-radius:var(--tk-radius,18px);
  padding:26px 30px;
  max-width:900px;
}
.ms-46e8cc19 {
  font-size:11.5px;
  color:var(--ink-faint);
  text-align:center;
}

/* Op smalle schermen klappen de rasters uit deze laag in naar één
   kolom. De bron regelde dat per pagina; één regel dekt ze allemaal. */
@media (max-width: 860px) {
  [class*="ms-"][class] {
    grid-template-columns: 1fr !important;
  }
}
