/* babyvragen.nl: het geboortekaartje en de meetlat. Written from a blank file; its own class words and --bv-* tokens. Colours from the
   template fields arrive on :root from layout.php; everything else derives from them. */
:root{
  --bv-roze:#C9577A;--bv-blauw:#3E6FA8;--bv-beschuit:#EFD9AC;--bv-room:#FFFBF3;--bv-inkt:#2C2838;--bv-groen:#3F7F6B;
  --bv-wit:#FFFFFF;
  --bv-korst:color-mix(in srgb,var(--bv-beschuit) 62%,#9C5F25);
  --bv-roze-zacht:color-mix(in srgb,var(--bv-roze) 11%,#fff);
  --bv-blauw-zacht:color-mix(in srgb,var(--bv-blauw) 10%,#fff);
  --bv-beschuit-zacht:color-mix(in srgb,var(--bv-beschuit) 38%,#fff);
  --bv-groen-zacht:color-mix(in srgb,var(--bv-groen) 10%,#fff);
  --bv-grijs:color-mix(in srgb,var(--bv-inkt) 68%,var(--bv-room));
  --bv-lijn:color-mix(in srgb,var(--bv-inkt) 13%,transparent);
  --bv-hout:#C59565;
  --bv-schaduw:0 1px 2px rgba(44,40,56,.06),0 10px 26px -14px rgba(44,40,56,.22);
  --bv-rond:18px;
  --bv-breed:1180px;
  --bv-letter-kop:"Sitka Heading","Sitka Display","Hoefler Text",Cambria,serif;
  --bv-letter-lees:"Sitka Text","Hoefler Text",Cambria,serif;
  --bv-letter-klein:"Sitka Small","Sitka Text",Cambria,serif;
  --bv-letter-hand:"MV Boli","Chalkboard SE","Marker Felt",cursive;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.geboortehuis{margin:0;background:var(--bv-room);color:var(--bv-inkt);font-family:var(--bv-letter-lees);font-size:1.0625rem;line-height:1.65;text-rendering:optimizeLegibility}
.geboortehuis img{max-width:100%;height:auto}
:where(.geboortehuis) a{color:var(--bv-blauw);text-underline-offset:.18em;text-decoration-thickness:1px}
:where(.geboortehuis) a:hover{color:var(--bv-roze)}
:where(.geboortehuis) :focus-visible{outline:3px solid var(--bv-roze);outline-offset:2px;border-radius:6px}
:where(.geboortehuis) :is(h1,h2,h3){font-family:var(--bv-letter-kop);font-weight:600;line-height:1.18;color:var(--bv-inkt)}
.naar-inhoud{position:absolute;left:-9999px;top:10px;z-index:20;background:var(--bv-wit);color:var(--bv-inkt);padding:.6rem 1rem;border-radius:10px;box-shadow:var(--bv-schaduw)}
.naar-inhoud:focus{left:12px}

/* the sprinkles: pink, blue and white beads on rusk */
.muisjesrand{height:11px;background:
  radial-gradient(3px 1.7px at 5px 4px,var(--bv-roze) 96%,transparent) 0 0/26px 11px,
  radial-gradient(3px 1.7px at 13px 7px,var(--bv-blauw) 96%,transparent) 0 0/26px 11px,
  radial-gradient(3px 1.7px at 21px 3px,var(--bv-wit) 96%,transparent) 0 0/26px 11px,
  radial-gradient(3px 1.7px at 9px 9px,var(--bv-wit) 96%,transparent) 0 0/26px 11px,
  var(--bv-korst)}

/* de wiegband */
.wiegband{background:var(--bv-wit);border-bottom:1px solid var(--bv-lijn)}
.wiegband-rij{max-width:var(--bv-breed);margin:0 auto;padding:14px 20px 10px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.naamkaartje{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--bv-inkt);margin-right:auto}
.naamkaartje:hover{color:var(--bv-inkt)}
.naamkaartje-beschuit,.naamkaartje-logo{flex:none;filter:drop-shadow(0 2px 3px rgba(44,40,56,.18))}
.naamkaartje-woorden{display:flex;flex-direction:column;line-height:1.15}
.naamkaartje-naam{font-family:var(--bv-letter-kop);font-size:1.62rem;font-weight:600;letter-spacing:-.01em}
.naamkaartje-onder{font-family:var(--bv-letter-klein);font-size:.82rem;color:var(--bv-grijs)}
.zoekstrookje{display:flex;align-items:center;gap:6px;flex:0 1 360px}
.zoekstrookje-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.zoekstrookje-veld{flex:1;min-width:0;font:inherit;font-size:.95rem;padding:.55rem .95rem;border:1.5px solid var(--bv-beschuit);border-radius:999px;background:var(--bv-room);color:var(--bv-inkt)}
.zoekstrookje-veld:focus{outline:none;border-color:var(--bv-blauw);background:var(--bv-wit)}
.zoekstrookje-knop{font:inherit;font-size:.92rem;font-weight:700;padding:.55rem 1rem;border:0;border-radius:999px;background:var(--bv-blauw);color:var(--bv-wit);cursor:pointer}
.zoekstrookje-knop:hover{background:var(--bv-roze)}
.drukknoopjes{border-top:1px dashed var(--bv-lijn)}
.drukknoopjes-rij{max-width:var(--bv-breed);margin:0 auto;padding:8px 20px 10px;list-style:none;display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}
.drukknoop a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:.38rem .9rem .38rem .55rem;border-radius:999px;background:var(--bv-beschuit-zacht);color:var(--bv-inkt);font-family:var(--bv-letter-klein);font-size:.9rem;text-decoration:none}
.drukknoop:nth-child(3n+2) a{background:var(--bv-roze-zacht)}
.drukknoop:nth-child(3n) a{background:var(--bv-blauw-zacht)}
.drukknoop a:hover{color:var(--bv-inkt);box-shadow:inset 0 0 0 1.5px var(--bv-blauw)}
.drukknoop-stip{width:14px;height:14px;border-radius:50%;flex:none;background:radial-gradient(circle,var(--bv-wit) 0 2px,var(--bv-korst) 2.5px 4px,var(--bv-wit) 4.5px 7px);box-shadow:0 0 0 1px var(--bv-lijn)}

/* the page */
.kraamkamer{max-width:var(--bv-breed);margin:0 auto;padding:0 20px 20px}
.vak-kop{margin:64px 0 20px}
.vak-titel{font-size:clamp(1.65rem,3.2vw,2.15rem);margin:0 0 .3rem}
.vak-lead{margin:0;color:var(--bv-grijs);max-width:62ch}

/* het kaartje */
.kaartje{margin:30px 0 0}
.kaartje-vel{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:30px;align-items:center;background:var(--bv-wit);border-radius:28px;padding:46px 46px 40px;box-shadow:var(--bv-schaduw);outline:2px dashed color-mix(in srgb,var(--bv-roze) 38%,transparent);outline-offset:-14px}
.kaartje-lint{position:absolute;top:22px;left:-10px;width:118px;height:26px;background:var(--bv-roze);clip-path:polygon(0 0,100% 0,92% 50%,100% 100%,0 100%);box-shadow:0 3px 6px rgba(44,40,56,.15)}
.kaartje-welkom{margin:0;font-family:var(--bv-letter-hand);font-size:1.7rem;color:var(--bv-roze);transform:rotate(-3deg);transform-origin:left;width:max-content}
.kaartje-h1{font-size:clamp(2.9rem,7vw,4.9rem);margin:.08em 0 .2em;letter-spacing:-.015em;line-height:1}
.kaartje-h1::after{content:"";display:block;width:min(260px,70%);height:9px;margin-top:.22em;border-radius:9px;background:
  radial-gradient(3px 1.7px at 5px 4px,var(--bv-roze) 96%,transparent) 0 0/22px 9px,
  radial-gradient(3px 1.7px at 14px 5px,var(--bv-blauw) 96%,transparent) 0 0/22px 9px,var(--bv-beschuit)}
.kaartje-tekst{font-size:1.16rem;color:var(--bv-grijs);max-width:44ch;margin:0}
.vraagbriefje{margin:24px 0 0;max-width:560px}
.vraagbriefje-label{display:block;font-family:var(--bv-letter-kop);font-weight:600;font-size:1.12rem;margin-bottom:.45rem}
.vraagbriefje-rij{display:flex;gap:8px}
.vraagbriefje-veld{flex:1;min-width:0;font:inherit;padding:.85rem 1.15rem;border:2px solid var(--bv-beschuit);border-radius:999px;background:var(--bv-room);color:var(--bv-inkt)}
.vraagbriefje-veld:focus{outline:none;border-color:var(--bv-blauw);background:var(--bv-wit)}
.vraagbriefje-knop{font:inherit;font-weight:700;padding:0 1.5rem;border:0;border-radius:999px;background:var(--bv-blauw);color:var(--bv-wit);cursor:pointer}
.vraagbriefje-knop:hover{background:var(--bv-roze)}
.snelkoppels{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.snelkoppel{display:inline-block;padding:.32rem .8rem;border-radius:999px;border:1px solid var(--bv-lijn);background:var(--bv-room);color:var(--bv-inkt);font-family:var(--bv-letter-klein);font-size:.88rem;text-decoration:none}
.snelkoppel:hover{border-color:var(--bv-blauw);color:var(--bv-blauw)}
.kaartje-beschuitje{position:relative;display:grid;place-items:center}
.beschuit-groot{width:min(250px,64vw);height:auto;filter:drop-shadow(0 12px 18px rgba(120,80,30,.22));transform:rotate(-8deg)}
.beschuit-etiket{position:absolute;inset:0;margin:auto;width:132px;height:132px;border-radius:50%;background:var(--bv-wit);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 4px 12px rgba(44,40,56,.18);padding:12px}
.beschuit-getal{font-family:var(--bv-letter-kop);font-size:2.05rem;font-weight:700;line-height:1;color:var(--bv-inkt)}
.beschuit-woorden{font-family:var(--bv-letter-klein);font-size:.74rem;line-height:1.25;color:var(--bv-grijs);margin-top:4px}

/* de meetlat */
.meetlint{list-style:none;margin:0 0 20px;padding:22px 0 0;display:flex;border-radius:10px;overflow-x:auto;background:
  repeating-linear-gradient(90deg,var(--bv-inkt) 0 1px,transparent 1px 12px) 0 0/100% 9px no-repeat,
  repeating-linear-gradient(90deg,var(--bv-inkt) 0 2px,transparent 2px 60px) 0 0/100% 16px no-repeat,
  var(--bv-beschuit);box-shadow:inset 0 -2px 0 var(--bv-korst)}
.meetlint-merk{flex:1 0 132px}
.meetlint-merk a{display:flex;align-items:center;gap:7px;justify-content:center;padding:8px 8px 10px;color:var(--bv-inkt);text-decoration:none;font-family:var(--bv-letter-klein);font-size:.86rem;border-left:1px dashed color-mix(in srgb,var(--bv-inkt) 28%,transparent)}
.meetlint-merk:first-child a{border-left:0}
.meetlint-nr{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--bv-inkt);color:var(--bv-beschuit);font-size:.75rem;font-weight:700;flex:none}
.fasen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fasekaart{background:var(--bv-wit);border-radius:var(--bv-rond);padding:20px 22px 16px;box-shadow:var(--bv-schaduw);border-top:7px solid var(--bv-roze);scroll-margin-top:16px}
.fasekaart:nth-child(3n+2){border-top-color:var(--bv-blauw)}
.fasekaart:nth-child(3n){border-top-color:var(--bv-korst)}
.fasekaart-merk{margin:0 0 .5rem;display:inline-flex;align-items:center;gap:8px;font-family:var(--bv-letter-klein);font-size:.8rem;letter-spacing:.02em;background:var(--bv-beschuit-zacht);padding:.18rem .65rem .18rem .2rem;border-radius:999px}
.fasekaart-nr{display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--bv-inkt);color:var(--bv-wit);font-size:.72rem;font-weight:700}
.fasekaart-titel{font-size:1.45rem;margin:0 0 .2rem}
.fasekaart-titel a{color:var(--bv-inkt);text-decoration:none}
.fasekaart-titel a:hover{color:var(--bv-blauw);text-decoration:underline}
.fasekaart-regel{margin:0;color:var(--bv-grijs);font-size:.97rem}
.fasekaart-aantal{margin:.45rem 0 0;font-family:var(--bv-letter-klein);font-size:.82rem;font-weight:700;color:var(--bv-roze)}
.onderwerpen{list-style:none;margin:12px 0 0;padding:0;border-top:1px dashed var(--bv-lijn)}
.onderwerp{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:.42rem 0;border-bottom:1px dashed var(--bv-lijn);font-size:.98rem}
.onderwerp-naam{color:var(--bv-blauw);text-decoration:none}
.onderwerp-naam:hover{text-decoration:underline}
.onderwerp-aantal{font-family:var(--bv-letter-klein);font-size:.74rem;color:var(--bv-grijs);background:var(--bv-room);border-radius:999px;padding:0 .45rem}
.onderwerp-delen{display:inline-flex;gap:4px;flex-wrap:wrap}
.onderwerp-delen a{display:inline-grid;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .3rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--bv-blauw) 40%,transparent);font-family:var(--bv-letter-klein);font-size:.74rem;color:var(--bv-blauw);text-decoration:none}
.onderwerp-delen a:hover{background:var(--bv-blauw);color:var(--bv-wit)}

/* regelen: booklet pages with stamps */
.boekjesbladen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.stempelkaart{position:relative;padding:22px 20px 16px 28px;border:1px solid var(--bv-lijn);border-radius:6px 18px 18px 6px;background:repeating-linear-gradient(180deg,transparent 0 29px,color-mix(in srgb,var(--bv-blauw) 9%,transparent) 29px 30px),var(--bv-wit);box-shadow:inset 7px 0 0 var(--bv-beschuit),var(--bv-schaduw)}
.stempel{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:76px;height:76px;padding:0 6px;border-radius:50%;border:2px solid currentColor;box-shadow:inset 0 0 0 3px var(--bv-wit),inset 0 0 0 4.5px currentColor;font-family:var(--bv-letter-klein);font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transform:rotate(-13deg);opacity:.82;color:var(--bv-roze);background:color-mix(in srgb,currentColor 6%,transparent)}
.stempel--1{color:var(--bv-blauw);transform:rotate(9deg)}
.stempel--2{color:var(--bv-groen);transform:rotate(-5deg)}
.stempelkaart-titel{font-size:1.22rem;margin:0 0 .35rem;padding-right:82px}
.stempelkaart-regel{padding-right:40px}
.stempelkaart-titel a{color:var(--bv-inkt);text-decoration:none}
.stempelkaart-titel a:hover{color:var(--bv-blauw);text-decoration:underline}
.stempelkaart-regel{margin:0;color:var(--bv-grijs);font-size:.96rem}
.stempelkaart-voet{margin:.6rem 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.stempelkaart-aantal{font-family:var(--bv-letter-klein);font-size:.8rem;font-weight:700;color:var(--bv-roze)}

/* de luiertas */
.luiertas-vakken{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.luiertas-link{position:relative;display:flex;flex-direction:column;gap:4px;height:100%;padding:30px 18px 18px;border-radius:16px 16px 26px 26px;background:var(--bv-roze-zacht);border:2px solid color-mix(in srgb,var(--bv-roze) 26%,transparent);color:var(--bv-inkt);text-decoration:none}
.luiertas-link::before{content:"";position:absolute;top:-2px;left:22%;right:22%;height:16px;border-radius:0 0 14px 14px;background:color-mix(in srgb,var(--bv-roze) 22%,#fff);border:2px solid color-mix(in srgb,var(--bv-roze) 26%,transparent);border-top:0}
.luiertas-vak:nth-child(even) .luiertas-link{background:var(--bv-blauw-zacht);border-color:color-mix(in srgb,var(--bv-blauw) 26%,transparent)}
.luiertas-titel{font-family:var(--bv-letter-kop);font-weight:600;font-size:1.12rem}
.luiertas-regel{font-size:.92rem;color:var(--bv-grijs)}
.luiertas-aantal{font-family:var(--bv-letter-klein);font-size:.78rem;font-weight:700;color:var(--bv-roze);margin-top:auto}
.luiertas-link:hover .luiertas-titel{color:var(--bv-blauw);text-decoration:underline}

/* de waslijn */
.waslijn-touw{list-style:none;margin:0;padding:30px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 20px}
.rompertje{position:relative;padding:22px 16px 24px;border-radius:12px 12px 30px 30px;background:var(--bv-roze-zacht);box-shadow:var(--bv-schaduw);transform:rotate(-1.3deg)}
.rompertje::before{content:"";position:absolute;top:-17px;left:-24px;right:-24px;height:2px;background:var(--bv-hout);border-radius:2px;z-index:-1}
.rompertje:nth-child(even){transform:rotate(1.1deg)}
.rompertje--1{background:var(--bv-blauw-zacht)}
.rompertje--2{background:var(--bv-beschuit-zacht)}
.rompertje-knijper{position:absolute;top:-26px;left:50%;width:11px;height:30px;margin-left:-5.5px;border-radius:3px;background:linear-gradient(90deg,var(--bv-hout) 0 45%,color-mix(in srgb,var(--bv-hout) 70%,#5a3a1a) 45% 55%,var(--bv-hout) 55%);box-shadow:0 2px 3px rgba(44,40,56,.2)}
.rompertje-vraag{display:block;font-family:var(--bv-letter-kop);font-weight:600;font-size:1.05rem;line-height:1.3;color:var(--bv-inkt);text-decoration:none}
.rompertje-vraag:hover{color:var(--bv-blauw);text-decoration:underline}

/* twijfel je? */
.twijfelkaart{display:flex;gap:16px;align-items:flex-start;margin:48px 0 8px;padding:18px 22px;border-radius:var(--bv-rond);background:var(--bv-groen-zacht);border:1.5px solid color-mix(in srgb,var(--bv-groen) 38%,transparent)}
.twijfelkaart-hoorn{flex:none}
.twijfelkaart-titel{margin:0 0 .15rem;font-family:var(--bv-letter-kop);font-size:1.22rem;font-weight:600;color:var(--bv-groen)}
.twijfelkaart-tekst{margin:0}
.leesvel .twijfelkaart{margin:34px 0 0;max-width:72ch}

/* the engine's own pieces */
.geboortehuis .breadcrumb{margin:20px 0 12px;font-family:var(--bv-letter-klein);font-size:.86rem;color:var(--bv-grijs)}
.geboortehuis .breadcrumb a{color:var(--bv-blauw);text-decoration:none}
.geboortehuis .breadcrumb a:hover{text-decoration:underline}
.geboortehuis .eyebrow{display:inline-block;font-family:var(--bv-letter-klein);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bv-roze)}
.geboortehuis h1.display{font-size:clamp(2rem,4.4vw,2.9rem);margin:.15em 0 .3em}
.geboortehuis h2.display{font-size:clamp(1.5rem,3vw,1.95rem);margin:0}
.geboortehuis .section{margin:56px 0 0}
.geboortehuis .section-head{margin-bottom:16px}
.geboortehuis .lead{font-size:1.15rem;color:var(--bv-grijs)}
.geboortehuis .muted{color:var(--bv-grijs)}
.geboortehuis .post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.geboortehuis .post-card{display:flex;flex-direction:column;background:var(--bv-wit);border:1px solid var(--bv-lijn);border-radius:var(--bv-rond);overflow:hidden;box-shadow:var(--bv-schaduw)}
.geboortehuis .post-card-media{display:block;background:var(--bv-beschuit-zacht)}
.geboortehuis .post-card-media img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.geboortehuis .post-card-body{padding:14px 16px 16px}
.geboortehuis .post-cat{display:inline-block;font-family:var(--bv-letter-klein);font-size:.72rem;font-weight:700;padding:.1rem .55rem;border-radius:999px;background:var(--bv-beschuit);color:var(--bv-inkt);margin-bottom:.35rem}
.geboortehuis .post-card-title{font-size:1.08rem;line-height:1.3;margin:0 0 .35rem}
.geboortehuis .post-card-title a{color:var(--bv-inkt);text-decoration:none}
.geboortehuis .post-card-title a:hover{color:var(--bv-blauw);text-decoration:underline}
.geboortehuis .post-card-excerpt{margin:0;font-size:.92rem;color:var(--bv-grijs)}
.geboortehuis .post-card-meta{margin-top:.5rem;font-family:var(--bv-letter-klein);font-size:.78rem;color:var(--bv-grijs)}
.geboortehuis .pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:32px 0 8px;font-family:var(--bv-letter-klein)}
.geboortehuis .pagination a,.geboortehuis .pagination span{padding:.45rem .95rem;border-radius:999px;background:var(--bv-wit);border:1px solid var(--bv-lijn);font-size:.9rem;text-decoration:none}
.geboortehuis .pagination a{color:var(--bv-blauw)}
.geboortehuis .results-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.geboortehuis .results-count{font-family:var(--bv-letter-klein);color:var(--bv-grijs)}
.geboortehuis .results-list{display:grid;gap:12px;margin-top:18px}
.geboortehuis .result{display:block;padding:16px 18px;border-radius:16px;background:var(--bv-wit);border:1px solid var(--bv-lijn);color:var(--bv-inkt);text-decoration:none}
.geboortehuis .result:hover{border-color:var(--bv-blauw)}
.geboortehuis .result h2{font-size:1.18rem;margin:0 0 .3rem;color:var(--bv-blauw)}
.geboortehuis .result p{margin:0;color:var(--bv-grijs);font-size:.95rem}
.geboortehuis .result-meta{display:flex;gap:12px;margin-top:.4rem;font-family:var(--bv-letter-klein);font-size:.76rem;color:var(--bv-grijs)}
.geboortehuis .pillar-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;align-items:center;margin:18px 0;padding:16px 20px;border-radius:16px;background:var(--bv-blauw-zacht);border:1px solid color-mix(in srgb,var(--bv-blauw) 22%,transparent);color:var(--bv-inkt);text-decoration:none}
.geboortehuis a.pillar-link:hover{border-color:var(--bv-blauw)}
.geboortehuis .pl-eyebrow{font-family:var(--bv-letter-klein);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bv-blauw)}
.geboortehuis .pl-title{grid-column:1;font-family:var(--bv-letter-kop);font-size:1.15rem;font-weight:600}
.geboortehuis .pl-arrow{grid-column:2;grid-row:1/span 2;font-size:1.5rem;color:var(--bv-blauw)}
.geboortehuis .topic-index{margin:48px 0 0}
.geboortehuis .topic-index-head h2{margin:0}
.geboortehuis .topic-index-head p{margin:.2rem 0 0;color:var(--bv-grijs)}
.geboortehuis .topic-index-list{columns:3 240px;column-gap:28px;margin-top:14px}
.geboortehuis .topic-index-list a{display:block;break-inside:avoid;padding:.32rem 0;border-bottom:1px dotted var(--bv-lijn);color:var(--bv-inkt);text-decoration:none;font-size:.95rem}
.geboortehuis .topic-index-list a:hover{color:var(--bv-blauw)}
.geboortehuis .btn{display:inline-flex;align-items:center;gap:6px;padding:.7rem 1.25rem;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid transparent}
.geboortehuis .btn--accent{background:var(--bv-blauw);color:var(--bv-wit)}
.geboortehuis .btn--accent:hover{background:var(--bv-roze);color:var(--bv-wit)}
.geboortehuis .btn--ghost{border-color:var(--bv-blauw);color:var(--bv-blauw);background:transparent}
.geboortehuis .btn-row{display:flex;flex-wrap:wrap;gap:10px}
.geboortehuis .blk-notfound{padding:36px 0 10px}
.geboortehuis .blk-notfound .container{max-width:900px;margin:0 auto}
.geboortehuis .inline-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:24px 0;padding:16px 18px;border-radius:16px;background:var(--bv-beschuit-zacht)}
.geboortehuis .inline-cta-body{display:flex;flex-direction:column}

/* an answer */
.leesvel{padding-bottom:8px}
.geboortehuis .article-hero{margin:8px 0 26px}
.geboortehuis .article-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:32px;align-items:center}
.geboortehuis .article-hero-copy h1{font-size:clamp(1.95rem,4.2vw,2.95rem);margin:.15em 0 .35em}
.geboortehuis .post-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-family:var(--bv-letter-klein);font-size:.82rem;color:var(--bv-grijs)}
.geboortehuis .article-lead{font-size:1.17rem;color:var(--bv-grijs);margin:.8rem 0 0}
.geboortehuis .article-hero-media{margin:0}
.geboortehuis .article-hero-media img{display:block;width:100%;border-radius:20px;border:7px solid var(--bv-wit);box-shadow:var(--bv-schaduw);transform:rotate(1.4deg)}
.geboortehuis .article-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:38px;align-items:start}
.geboortehuis .article-shell.solo{grid-template-columns:minmax(0,760px);justify-content:center;margin-top:14px}
.geboortehuis .toc{position:sticky;top:16px;background:var(--bv-wit);border:1px solid var(--bv-lijn);border-radius:16px;padding:16px 18px;font-size:.9rem;box-shadow:var(--bv-schaduw)}
.geboortehuis .toc-h{margin:0 0 .5rem;font-family:var(--bv-letter-kop);font-weight:600;font-size:1.02rem}
.geboortehuis .toc ol{margin:0;padding-left:1.2rem}
.geboortehuis .toc li{margin:.32rem 0}
.geboortehuis .toc li::marker{color:var(--bv-roze);font-weight:700}
.geboortehuis .toc a{color:var(--bv-inkt);text-decoration:none}
.geboortehuis .toc a:hover{color:var(--bv-blauw);text-decoration:underline}
.geboortehuis .article-main{min-width:0}
.geboortehuis .article-main>h1{font-size:clamp(1.9rem,4vw,2.6rem);margin:.1em 0 .5em}
.geboortehuis .article-body{font-size:1.08rem;line-height:1.72;max-width:72ch}
.geboortehuis .article-body h2{font-size:1.62rem;margin:2.1em 0 .5em;scroll-margin-top:18px}
.geboortehuis .article-body h3{font-size:1.24rem;margin:1.6em 0 .4em}
.geboortehuis .article-body p{margin:0 0 1em}
.geboortehuis .article-body ul,.geboortehuis .article-body ol{padding-left:1.35rem;margin:0 0 1.1em}
.geboortehuis .article-body li{margin:.35rem 0}
.geboortehuis .article-body li::marker{color:var(--bv-roze)}
.geboortehuis .article-body img{border-radius:14px}
.geboortehuis .article-body blockquote{margin:1.4em 0;padding:14px 20px;border-left:4px solid var(--bv-korst);background:var(--bv-wit);border-radius:0 14px 14px 0;font-style:italic}
.geboortehuis .article-body code{font-family:monospace;font-size:.9em;background:var(--bv-beschuit-zacht);padding:.05em .35em;border-radius:5px}
.geboortehuis .article-body hr{border:0;height:9px;margin:2em 0;background:radial-gradient(3px 1.7px at 5px 4px,var(--bv-roze) 96%,transparent) 0 0/22px 9px,radial-gradient(3px 1.7px at 14px 5px,var(--bv-blauw) 96%,transparent) 0 0/22px 9px}
.geboortehuis .key-takeaways{list-style:none;margin:1.3em 0 1.5em;padding:18px 20px;border-radius:18px;background:var(--bv-roze-zacht);border:2px dashed color-mix(in srgb,var(--bv-roze) 42%,transparent)}
.geboortehuis .key-takeaways li{position:relative;padding-left:24px;margin:.3rem 0}
.geboortehuis .key-takeaways li::before{content:"";position:absolute;left:4px;top:.72em;width:11px;height:6px;border-radius:50%;background:var(--bv-roze);transform:rotate(-24deg)}
.geboortehuis .key-takeaways li:nth-child(3n+2)::before{background:var(--bv-blauw)}
.geboortehuis .key-takeaways li:nth-child(3n)::before{background:var(--bv-wit);box-shadow:0 0 0 1px var(--bv-korst)}
.geboortehuis .pro-tip{margin:1.3em 0;padding:14px 18px;background:var(--bv-blauw-zacht);border-left:5px solid var(--bv-blauw);border-radius:0 14px 14px 0}
.geboortehuis .related-inline-link{margin:1.2em 0;padding:12px 16px;background:var(--bv-beschuit-zacht);border:1px solid var(--bv-beschuit);border-radius:12px;font-size:.98rem}
.geboortehuis .table-wrap{overflow-x:auto;margin:1.3em 0;border-radius:14px;border:1px solid var(--bv-lijn)}
.geboortehuis .article-body table{width:100%;border-collapse:collapse;background:var(--bv-wit);font-size:.95rem}
.geboortehuis .article-body th{background:var(--bv-beschuit-zacht);text-align:left;font-family:var(--bv-letter-kop);font-weight:600}
.geboortehuis .article-body th,.geboortehuis .article-body td{padding:.55rem .75rem;border-bottom:1px solid var(--bv-lijn);vertical-align:top}
.geboortehuis .faq{margin:44px 0 0;max-width:72ch}
.geboortehuis .faq h2{font-size:1.55rem;margin:0 0 .7rem}
.geboortehuis .faq-list{display:grid;gap:10px}
.geboortehuis .faq-item{background:var(--bv-wit);border:1px solid var(--bv-lijn);border-radius:14px}
.geboortehuis .faq-item summary{position:relative;list-style:none;cursor:pointer;padding:14px 52px 14px 18px;font-family:var(--bv-letter-kop);font-weight:600;font-size:1.06rem}
.geboortehuis .faq-item summary::-webkit-details-marker{display:none}
.geboortehuis .faq-item summary::after{content:"+";position:absolute;right:16px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;display:grid;place-items:center;background:var(--bv-roze-zacht);color:var(--bv-roze);font-family:var(--bv-letter-lees);font-weight:700}
.geboortehuis .faq-item[open] summary::after{content:"\2013"}
.geboortehuis .faq-a{padding:0 18px 14px}
.geboortehuis .faq-a p{margin:0}
.geboortehuis .post-links{margin:40px 0 0;max-width:72ch}
.geboortehuis .post-links h2{font-size:1.45rem;margin:0 0 .7rem}
.geboortehuis .chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.geboortehuis .chip{display:inline-block;padding:.38rem .85rem;border-radius:999px;background:var(--bv-wit);border:1px solid var(--bv-lijn);color:var(--bv-inkt);font-size:.92rem;text-decoration:none}
.geboortehuis .chip:hover{border-color:var(--bv-blauw);color:var(--bv-blauw)}

/* de voet */
.babyvoet{margin-top:70px;background:var(--bv-inkt);color:color-mix(in srgb,var(--bv-room) 92%,transparent)}
.babyvoet a{color:var(--bv-room)}
.babyvoet a:hover{color:var(--bv-beschuit)}
.babyvoet-rooster{max-width:var(--bv-breed);margin:0 auto;padding:36px 20px 18px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:34px}
.babyvoet-naam{display:flex;align-items:center;gap:10px;margin:0 0 .6rem;font-family:var(--bv-letter-kop);font-size:1.45rem;font-weight:600;color:var(--bv-wit)}
.babyvoet-over p{max-width:60ch}
.babyvoet-noot{font-size:.94rem;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--bv-room) 8%,transparent)}
.babyvoet-links{list-style:none;margin:0;padding:0;columns:2;column-gap:24px;font-family:var(--bv-letter-klein)}
.babyvoet-links li{padding:.25rem 0;break-inside:avoid}
.babyvoet-klein{font-family:var(--bv-letter-klein);font-size:.8rem;opacity:.78}
.babyvoet-copy{text-align:center;margin:0;padding:0 20px 26px}

@media (max-width:980px){
  .fasen,.boekjesbladen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .luiertas-vakken{grid-template-columns:repeat(2,minmax(0,1fr))}
  .waslijn-touw{grid-template-columns:repeat(3,minmax(0,1fr))}
  .geboortehuis .article-shell{grid-template-columns:minmax(0,1fr);gap:20px}
  .geboortehuis .toc{position:static}
}
@media (max-width:760px){
  .kaartje-vel{grid-template-columns:minmax(0,1fr);padding:54px 22px 28px;outline-offset:-9px}
  .kaartje-lint{top:16px;width:92px;height:22px}
  .kaartje-beschuitje{order:2;margin-top:6px}
  .beschuit-groot{width:min(210px,62vw)}
  .beschuit-etiket{width:118px;height:118px}
  .beschuit-getal{font-size:1.8rem}
  .geboortehuis .article-hero-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .geboortehuis .article-hero-media img{transform:none}
  .babyvoet-rooster{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .wiegband-rij{padding:12px 16px 8px}
  .naamkaartje-naam{font-size:1.4rem}
  .zoekstrookje{flex:1 1 100%}
  .kraamkamer{padding:0 16px 16px}
  .fasen,.boekjesbladen,.luiertas-vakken{grid-template-columns:minmax(0,1fr)}
  .waslijn-touw{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 14px}
  .rompertje,.rompertje:nth-child(even){transform:none}
  .vraagbriefje-rij{flex-direction:column}
  .vraagbriefje-knop{padding:.8rem 1.2rem}
  .vak-kop{margin:48px 0 16px}
  .twijfelkaart{flex-direction:column}
}
@media (max-width:420px){
  .waslijn-touw{grid-template-columns:minmax(0,1fr)}
}