/* Opmaak voor de standaardpagina. Bouwt voort op datarecup-nav.css en
   datarecup-contact.css; alles gescoopt onder .dr-page. */

.dr-page .dr-page-row   { display:grid; grid-template-columns:1.25fr .75fr; gap:44px; align-items:start; }
.dr-page .dr-page-intro { font-size:19px; line-height:1.65; color:var(--dr-text); margin:0 0 34px; max-width:62ch; }
.dr-page .dr-block      { margin:0 0 40px; }
.dr-page .dr-block:last-child { margin-bottom:0; }
.dr-page .dr-block p    { max-width:62ch; }
.dr-page .dr-block .dr-section__title { font-size:clamp(21px,2.2vw,27px); margin-bottom:14px; }

.dr-page .dr-list       { list-style:none; margin:16px 0 0; padding:0; display:grid; gap:10px; max-width:62ch; }
.dr-page .dr-list li    { display:flex; gap:11px; }
.dr-page .dr-list li::before { content:"—"; color:var(--dr-blue); flex:none; }

.dr-page .dr-page-note  { margin:34px 0 0; padding:16px 18px; border-left:3px solid var(--dr-blue);
                          background:var(--dr-surface); font-size:14.5px; color:var(--dr-muted); max-width:62ch; }

@media (max-width:900px) {
  .dr-page .dr-page-row { grid-template-columns:1fr; }
}