/* Healthcare Aruba – plaquette-opmaak voor subpagina's (body.rust), 25 oktober 2026
   Afgeleid van opzet 11 van Strategisch advies.
   Regels: bovenstuk gecentreerd, daaronder één linkerlijn in één kolom;
   Georgia voor koppen en statements, Arial voor de rest; vijf maten (--t1, --t2, --t3, --tb, --tl);
   elk vlak is licht marmer met koperen kader (plaquette); koperen driehoekje vóór hoofdstukkoppen. */

/* OPZET 6 – één linkerlijn, één kolom; twee lettertypen met vaste rollen; vier maten + één labelmaat
   Serif = koppen en statements. Sans = alle lopende tekst, labels, links en knoppen. */
.rust {
  --kolom: 720px;
  --t1: clamp(2.3rem, 1.7rem + 2.2vw, 3.1rem);     /* paginatitel */
  --t2: clamp(1.55rem, 1.25rem + 1.1vw, 2.05rem);   /* sectiekoppen, statements, vlak */
  --t3: clamp(1.15rem, 1.05rem + .35vw, 1.3rem);    /* subkoppen, ondertitel, resultaatzinnen */
  --tb: 1.0625rem;                                  /* lopende tekst */
  --tl: .875rem;                                    /* labels */
  --sectie: clamp(64px, 9vw, 112px);
}
.rust main { padding-bottom: var(--sectie); }
.rust .blok { max-width: var(--kolom); margin-inline: auto; padding-inline: var(--gutter); box-sizing: content-box; }
.rust .ruimte { margin-top: var(--sectie); }
.rust .crumbs { padding-top: clamp(14px, 2.4vw, 26px); font-size: var(--tl); }
.rust main .crumbs li, .rust main .crumbs a, .rust main .crumbs span { font-size: var(--tl); line-height: 1.4; }

/* Rollen */
.rust h1, .rust .t1 { font-family: var(--serif); font-weight: 400; font-size: var(--t1); line-height: 1.08; color: var(--title); margin: 0; }
.rust h2, .rust .t2 { font-family: var(--serif); font-weight: 400; font-size: var(--t2); line-height: 1.22; color: var(--title); margin: 0; max-width: none; text-wrap: balance; }
.rust h3, .rust .t3 { font-family: var(--serif); font-weight: 400; font-size: var(--t3); line-height: 1.35; color: var(--title); margin: 0; }
.rust main p, .rust main li, .rust main .tekst { font-family: var(--sans); font-size: var(--tb); line-height: 1.7; color: var(--text); }
.rust main p.t2, .rust main p.t3 { font-family: var(--serif); }
.rust main p.t2 { font-size: var(--t2); line-height: 1.22; color: var(--title); }
.rust main p.t3 { font-size: var(--t3); line-height: 1.35; color: var(--title); }
.rust main .label { font-family: var(--sans); font-size: var(--tl); line-height: 1.4; color: var(--subtitle); letter-spacing: 0; text-transform: none; margin: 0 0 8px; }
.rust main .grijs { color: var(--subtitle) !important; }
.rust main p { margin: 0 0 1em; }
.rust main p:last-child { margin-bottom: 0; }
.rust main p.t2.met-merk { margin-bottom: 22px; }

/* Ritme binnen een sectie */
.rust .blok > h2, .rust .blok > .t2 { margin-bottom: 28px; }
.rust .item + .item { margin-top: 36px; }
.rust .item > h3, .rust .item > .t3 { margin-bottom: 8px; }

/* Hero: links, zelfde lijn als de rest */
.rust .hero { padding-top: clamp(28px, 5vw, 56px); }
.rust .hero h1 { margin: 2px 0 10px; }
.rust .hero .t3 { margin-bottom: 28px; }
.rust .acties { display: flex; flex-wrap: wrap; gap: 14px 26px; align-items: center; }
.rust .model { margin: clamp(40px, 6vw, 56px) 0 0; max-width: 440px; justify-self: start; }
.rust .model figcaption { border-top: 0; padding: 14px 0 0; text-align: left; font-family: var(--sans); font-size: var(--tl); line-height: 1.55; color: var(--subtitle); }
.rust .model figcaption strong { display: block; font-family: var(--sans); font-weight: 700; font-size: var(--tl); color: var(--title); margin-bottom: 2px; }
.rust main .model figcaption p { font-size: var(--tl); color: var(--subtitle); }

/* Het grijze vlak */
.vlak { border: 1px solid var(--card-line); border-radius: 10px; box-shadow: var(--shadow);
  padding: clamp(28px, 5vw, 48px) clamp(22px, 5vw, 48px);
  background: linear-gradient(rgb(246 245 241 / .80), rgb(246 245 241 / .80)), url("../img/marble/marble_01.png") center / cover; }
.vlak .kern span { display: block; }
.vlak .kern span + span { margin-top: 6px; }
.rust .na-vlak { margin-top: clamp(40px, 6vw, 56px); }

/* Driehoekje voor de kop */
.met-merk { display: flex; align-items: center; gap: .45em; }
.merk { flex: 0 0 auto; width: 1.25em; height: auto; margin-top: .06em; }

/* Tekstdetails */
.rust .kaarten { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.rust .kaarten .item { margin: 0 !important; padding: clamp(22px, 3vw, 30px); border: 1px solid var(--card-line); border-radius: 10px; box-shadow: var(--shadow);
  background: linear-gradient(rgb(246 245 241 / .86), rgb(246 245 241 / .86)), url("../img/marble/marble_02.png") center / cover; }
.rust .kaarten .item + .item { background-image: linear-gradient(rgb(246 245 241 / .86), rgb(246 245 241 / .86)), url("../img/marble/marble_03.png"); }
.rust .krijgt strong { font-weight: 700; color: var(--title); }
.cijfer { color: var(--copper); }
.rust .regel { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 14px 40px; }
.rust main .regel li { font-size: var(--tl); color: var(--subtitle); line-height: 1.4; }
.rust .regel strong { display: block; font-family: var(--serif); font-size: var(--t2); line-height: 1.15; font-weight: 400; color: var(--copper); }
.rust .result-link { min-height: 0; margin-top: 6px; font-size: var(--tb); }
.rust .result-link.is-pending, .rust .knowledge-link.is-pending { font-family: var(--sans); font-size: var(--tb); font-weight: 400; color: var(--subtitle); text-decoration: none; }
.rust .groep-kennis { margin-top: 44px; }
.rust .groep-kennis .item + .item { margin-top: 18px; }
.rust main .groep-kennis .item > p:first-child { margin-bottom: 0; }

/* Contact */
.rust .contact .vlak h2 { margin-bottom: 14px; }
.rust .contact .vlak .tekst { margin: 0 0 24px; max-width: 56ch; }
.rust main .contact .mail-line { margin: 14px 0 0; font-size: var(--tl); color: var(--subtitle); }

/* Andere diensten: homepagetegels binnen dezelfde kolom */
.rust .tile-list { margin: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.rust .tile .tile-copy { flex-direction: column-reverse; align-items: center; text-align: center; gap: 8px; }
.rust .tile .tile-sub { min-height: 0; font-family: var(--serif); font-size: 18px; font-weight: 700; line-height: 1.2; color: var(--title); text-wrap: balance; }
.rust .tile .tile-title { min-height: 0; font-family: var(--sans); font-size: 11px; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; color: var(--subtitle); }

@media (max-width: 820px) {
  .rust .acties .button { width: 100%; }
  .rust .model { max-width: none; width: 100%; margin-inline: 0; }
  .rust .tile-list { grid-template-columns: minmax(0, 1fr); }
}

/* ---- OPZET 7: bovenstuk en vlakken gecentreerd, subtiel koperen kader ---- */
.rust .crumbs ol { justify-content: center; }
.rust .hero { text-align: center; }
.rust .hero .acties { justify-content: center; }
.rust .hero .model { margin-inline: auto; }
.rust .hero .model figcaption { text-align: center; }
.vlak { text-align: center; border: 1.5px solid transparent;
  background:
    linear-gradient(rgb(246 245 241 / .80), rgb(246 245 241 / .80)) padding-box,
    url("../img/marble/marble_01.png") center / cover padding-box,
    linear-gradient(135deg, #d9a47a 0%, #a85f34 22%, #7a3d1d 45%, #c98a5c 62%, #8e4a26 82%, #c07a4b 100%) border-box;
  box-shadow: var(--shadow), 0 0 28px rgb(232 168 112 / .16); }
.rust .contact .vlak .tekst { margin-inline: auto; }
@media (max-width: 820px) { .rust .hero .model { margin-inline: 0; } }
.rust h2.kop-klein { font-size: var(--t3); color: var(--subtitle); margin-bottom: 16px; }
.rust h2.kop-klein .merk { width: 1.5em; }
.rust main p.t2.ingang { margin-bottom: 22px; }
@media (max-width: 820px) { .rust .kaarten { grid-template-columns: minmax(0, 1fr); } }

/* ---- OPZET 9: elk vlak is marmer met een koperen kader ---- */
.rust { --koper-rand: linear-gradient(135deg, #d9a47a 0%, #a85f34 22%, #7a3d1d 45%, #c98a5c 62%, #8e4a26 82%, #c07a4b 100%); }
.vlak, .rust .kaarten .item { border: 1.5px solid transparent; border-radius: 10px;
  box-shadow: var(--shadow), 0 0 28px rgb(232 168 112 / .16);
  background: linear-gradient(rgb(255 255 255 / .22), rgb(255 255 255 / .22)) padding-box,
              url("../img/marble/marble_01.png") center / cover padding-box,
              var(--koper-rand) border-box; }
.rust .kaarten .item { box-shadow: var(--shadow), 0 0 18px rgb(232 168 112 / .12);
  background: linear-gradient(rgb(255 255 255 / .22), rgb(255 255 255 / .22)) padding-box,
              url("../img/marble/marble_02.png") center / cover padding-box,
              var(--koper-rand) border-box; }
.rust .kaarten .item + .item { background: linear-gradient(rgb(255 255 255 / .22), rgb(255 255 255 / .22)) padding-box,
              url("../img/marble/marble_03.png") center / cover padding-box,
              var(--koper-rand) border-box; }
.rust .contact .vlak { background: linear-gradient(rgb(255 255 255 / .22), rgb(255 255 255 / .22)) padding-box,
              url("../img/marble/marble_04.png") center / cover padding-box,
              var(--koper-rand) border-box; }

/* ---- OPZET 10: lichter marmer, vormgegeven als plaquette ---- */
.rust {
  --koper-rand: linear-gradient(135deg, #e7bf9c 0%, #c07a4b 25%, #9a5631 48%, #dcae88 64%, #b06a3e 84%, #d29a70 100%);
  --licht: linear-gradient(rgb(255 255 255 / .50), rgb(255 255 255 / .50));
  --plaquette-schaduw: 0 1px 1px rgb(108 72 46 / .10), 0 6px 14px -4px rgb(108 72 46 / .16), 0 18px 32px -16px rgb(108 72 46 / .22);
  --plaquette-reliëf: inset 0 1px 0 rgb(255 255 255 / .85), inset 1px 0 0 rgb(255 255 255 / .55), inset 0 -1px 0 rgb(120 80 50 / .10), inset -1px 0 0 rgb(120 80 50 / .08);
}
.vlak, .rust .kaarten .item { border-width: 1px; box-shadow: var(--plaquette-schaduw), var(--plaquette-reliëf); }
.vlak { background: var(--licht) padding-box, url("../img/marble/marble_01.png") center / cover padding-box, var(--koper-rand) border-box; }
.rust .kaarten .item { background: var(--licht) padding-box, url("../img/marble/marble_02.png") center / cover padding-box, var(--koper-rand) border-box; }
.rust .kaarten .item + .item { background: var(--licht) padding-box, url("../img/marble/marble_03.png") center / cover padding-box, var(--koper-rand) border-box; }
.rust .contact .vlak { background: var(--licht) padding-box, url("../img/marble/marble_04.png") center / cover padding-box, var(--koper-rand) border-box; }

/* ---- OPZET 11: diensttegels, bovenbalk en footer in dezelfde plaquette-opmaak ---- */
.rust .tile { border: 1px solid transparent; border-radius: 10px; box-shadow: var(--plaquette-schaduw), var(--plaquette-reliëf);
  background: var(--licht) padding-box, url("../img/marble/marble_02.png") center / cover padding-box, var(--koper-rand) border-box; }
.rust .tile.marble-03 { background: var(--licht) padding-box, url("../img/marble/marble_03.png") center / cover padding-box, var(--koper-rand) border-box; }
.rust .tile.marble-04 { background: var(--licht) padding-box, url("../img/marble/marble_04.png") center / cover padding-box, var(--koper-rand) border-box; }
.rust .tile:hover { box-shadow: 0 2px 2px rgb(108 72 46 / .10), 0 10px 20px -6px rgb(108 72 46 / .20), 0 24px 40px -18px rgb(108 72 46 / .26), var(--plaquette-reliëf); }
/* bovenbalk en footer: licht marmer met een koperen lijn */
.rust .site-header { border-bottom: 0; position: relative;
  background: var(--licht), url("../img/marble/achtergrond.png") center 30% / cover, var(--bar);
  box-shadow: 0 6px 14px -10px rgb(108 72 46 / .28), inset 0 1px 0 rgb(255 255 255 / .8); }
.rust .site-header::after, .rust .site-footer::before { content: ""; position: absolute; left: 0; right: 0; height: 1px; background: var(--koper-rand); }
.rust .site-header::after { bottom: 0; }
.rust .site-footer { border-top: 0; position: relative;
  background: var(--licht), url("../img/marble/achtergrond.png") center 70% / cover, var(--bar);
  box-shadow: 0 -6px 14px -10px rgb(108 72 46 / .22), inset 0 -1px 0 rgb(255 255 255 / .8); }
.rust .site-footer::before { top: 0; }

/* ---- Uitbreiding voor alle subpagina's (25 oktober 2026) ---- */
/* Eén losse plaquettekaart in de kolom (bv. zorgverleners) */
.rust .kaarten.een { grid-template-columns: minmax(0, 1fr); }
/* Lange tekst in een vlak (citaat) */
.vlak .citaat { max-width: 60ch; margin-inline: auto; }
/* Portret in het bovenstuk, met koperen kader */
.rust .portret { margin: clamp(32px, 5vw, 48px) auto 0; width: min(280px, 72vw); }
.rust .portret img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 10px;
  border: 1px solid transparent; background: var(--koper-rand) border-box; padding: 0;
  box-shadow: var(--plaquette-schaduw); }
.rust .hero .na-portret { margin-top: clamp(32px, 5vw, 48px); }
/* Bronvermelding */
.rust main .bron { margin-top: 28px; font-size: var(--tl); color: var(--subtitle); }
.rust main .bron a { color: var(--bar-ink); }
/* Statement in de tekstkolom (zonder vlak) */
.rust main p.t2.statement { margin: 28px 0; }
.rust main p.t3.statement { margin: 28px 0 0; }
/* Achtergrondregel onder een kaart */
.rust main .achtergrond { margin-top: 18px; font-size: var(--tb); }

/* ---- Homepage: bovenbalk en tegels in dezelfde opmaak; verder ongewijzigd ---- */
.page-home {
  --koper-rand: linear-gradient(135deg, #e7bf9c 0%, #c07a4b 25%, #9a5631 48%, #dcae88 64%, #b06a3e 84%, #d29a70 100%);
  --licht: linear-gradient(rgb(255 255 255 / .50), rgb(255 255 255 / .50));
  --plaquette-schaduw: 0 1px 1px rgb(108 72 46 / .10), 0 6px 14px -4px rgb(108 72 46 / .16), 0 18px 32px -16px rgb(108 72 46 / .22);
  --plaquette-reliëf: inset 0 1px 0 rgb(255 255 255 / .85), inset 1px 0 0 rgb(255 255 255 / .55), inset 0 -1px 0 rgb(120 80 50 / .10), inset -1px 0 0 rgb(120 80 50 / .08);
}
.page-home .home .live-card { border: 1px solid transparent; box-shadow: var(--plaquette-schaduw), var(--plaquette-reliëf);
  background: var(--licht) padding-box, url("../img/marble/marble_01.png") center / cover padding-box, var(--koper-rand) border-box; }
.page-home .home .marble-02 .live-card { background: var(--licht) padding-box, url("../img/marble/marble_02.png") center / cover padding-box, var(--koper-rand) border-box; }
.page-home .home .marble-03 .live-card { background: var(--licht) padding-box, url("../img/marble/marble_03.png") center / cover padding-box, var(--koper-rand) border-box; }
.page-home .home .marble-04 .live-card { background: var(--licht) padding-box, url("../img/marble/marble_04.png") center / cover padding-box, var(--koper-rand) border-box; }
@media (hover: hover) { .page-home .home .service:hover .live-card { box-shadow: 0 2px 2px rgb(108 72 46 / .10), 0 10px 20px -6px rgb(108 72 46 / .20), 0 24px 40px -18px rgb(108 72 46 / .26), var(--plaquette-reliëf); } }
.page-home .site-header { border-bottom: 0; position: relative;
  background: var(--licht), url("../img/marble/achtergrond.png") center 30% / cover, var(--bar);
  box-shadow: 0 6px 14px -10px rgb(108 72 46 / .28), inset 0 1px 0 rgb(255 255 255 / .8); }
.page-home .site-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--koper-rand); }
.rust main h3.t2.statement { margin: 28px 0 14px; }
/* Tweede, kleinere regel in een vlak, onder de kernzinnen */
.rust main .vlak p.t3.onder-kern { margin: 22px auto 0; max-width: 46ch; color: var(--subtitle); }

/* Leesbaarheid (25 oktober 2026): kleine cijfers en woordaccenten in resultaatblokken in de donkere tekstkleur.
   Koper blijft voor decoratie en voor de grote cijfers (zoals de omvangregel op Strategisch advies). */
.rust .item .cijfer { color: #303532; }
/* Ook kleine cijfers in lopende tekst (bv. Over HC-AW) in de donkere tekstkleur */
.rust .tekst p:not(.t2) .cijfer { color: #303532; }