/* layout.css — paginastructuur: grids en containers + responsive.
   Uiterlijk staat in components.css. Basis uit _modulair, uitgebreid met de
   nieuwe schermen: aanvraagformulier, vragen-wizard en voortgang. */

/* running head */
.runhead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;
  border-bottom:2px solid var(--hair-strong);padding:9px 22px;background:var(--paper2);}
.runhead .left{display:flex;align-items:baseline;gap:10px;}
.runhead .right{display:flex;align-items:center;gap:12px;}

/* masthead */
.masthead{position:relative;border-bottom:2px solid var(--hair-strong);overflow:hidden;}
.mh-grid{display:grid;grid-template-columns:1fr auto;align-items:stretch;gap:0;}
.mh-left{padding:30px 22px 24px;}
.profileline{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px 18px;}

/* verdict band */
.verdictband{display:grid;grid-template-columns:auto 1fr;gap:0;border-bottom:2px solid var(--hair-strong);}

/* sectiekop */
.sechead{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:14px;
  border-bottom:2px solid var(--hair-strong);padding:22px 22px 12px;}

/* radar + ledger */
.twocol{display:grid;grid-template-columns:360px 1fr;border-bottom:2px solid var(--hair-strong);}
.radarcol{padding:16px;border-right:2px solid var(--hair-strong);display:flex;flex-direction:column;align-items:center;background:var(--paper2);}
.radarcol svg{width:100%;max-width:360px;height:auto;}
.radarcol .cap{margin-top:8px;}

/* findings (per-dimensie toelichting op het rapport) */
.findings{border-bottom:2px solid var(--hair-strong);}
.finding{display:grid;grid-template-columns:120px 1fr;border-top:1px solid var(--hair);}
.finding:first-child{border-top:none;}

/* cta */
.ctablock{display:grid;grid-template-columns:1.5fr 1fr;border-bottom:2px solid var(--hair-strong);}

/* footer */
footer{padding:14px 22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;background:var(--paper2);}

/* ===== NIEUW: aanvraagformulier ===== */
.formwrap{border-bottom:2px solid var(--hair-strong);display:grid;grid-template-columns:1fr 340px;}
.formcol{padding:26px 22px 30px;}
.trustcol{padding:26px 22px;border-left:2px solid var(--hair-strong);background:var(--paper2);
  display:flex;flex-direction:column;gap:14px;justify-content:center;}
.fieldrow{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}

/* ===== NIEUW: vragen-wizard ===== */
.wizard{border-bottom:2px solid var(--hair-strong);}
.progresshead{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;
  padding:14px 22px;border-bottom:2px solid var(--hair-strong);background:var(--paper2);}
.qcard{padding:28px 22px 30px;}
.qnav{display:flex;justify-content:space-between;gap:12px;padding:0 22px 26px;}

/* ===== RESPONSIVE ===== */
@media(max-width:860px){
  .mh-grid{grid-template-columns:1fr;}
  .mh-num{border-left:none;border-top:2px solid var(--hair-strong);min-height:200px;}
  .verdictband{grid-template-columns:1fr;}
  .verdictband .tab{border-bottom:2px solid var(--hair-strong);}
  .twocol{grid-template-columns:1fr;}
  .radarcol{border-right:none;border-bottom:2px solid var(--hair-strong);}
  .ctablock{grid-template-columns:1fr;}
  .ctablock .ctaact{border-left:none;border-top:2px solid var(--hair-strong);}
  .formwrap{grid-template-columns:1fr;}
  .trustcol{border-left:none;border-top:2px solid var(--hair-strong);}
}
@media(max-width:560px){
  .finding{grid-template-columns:1fr;}
  .finding .meta{border-right:none;border-bottom:2px solid var(--hair-strong);flex-direction:row;align-items:center;justify-content:space-between;}
  .ledger .wt{display:none;}
  .ledger thead th.wtcol{display:none;}
  .progresshead{grid-template-columns:1fr;}
  .qnav{flex-direction:column-reverse;}
}