/* ===================== PAGINA-SPECIFIEK: methodologie ===================== */
  #cvmeth{
    --ink:#1A1A2E; --ink-soft:#2D3142; --muted:#5C5C6D; --copper:#C17F3E; --copper-dark:#8A5406;
    background:radial-gradient(120% 60% at 90% -10%, rgba(10,110,110,.06), transparent 60%), var(--bg);
  }
  #cvmeth *,#cvmeth *::before,#cvmeth *::after{box-sizing:border-box;}
  #cvmeth a:focus-visible{outline:2px solid var(--teal); outline-offset:3px; border-radius:6px;}
  #cvmeth .wrap{max-width:820px; margin:0 auto; padding:0 32px;}
  /* breadcrumb */
  #cvmeth .crumb{font-size:13px; color:var(--muted); padding:26px 0 0;}
  #cvmeth .crumb a{color:var(--muted); text-decoration:none;}
  #cvmeth .crumb a:hover{color:var(--teal);}
  #cvmeth .crumb .cur{color:var(--ink-soft);}
  /* hero */
  #cvmeth .hero{padding:26px 0 30px; border-bottom:1px solid var(--line);}
  #cvmeth .eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--copper); margin-bottom:14px;}
  #cvmeth .eyebrow::before{content:""; width:24px; height:2px; background:var(--copper);}
  #cvmeth h1{font-family:var(--serif); font-weight:400; font-size:clamp(32px,4.4vw,50px); line-height:1.06; letter-spacing:-.02em; margin:0 0 18px;}
  #cvmeth h1 em{font-style:italic; color:var(--teal);}
  #cvmeth .lede{font-size:clamp(17px,1.3vw,19px); line-height:1.65; color:var(--ink-soft); max-width:64ch; margin:0;}
  #cvmeth .hero-meta{display:flex; gap:22px; flex-wrap:wrap; font-size:13.5px; color:var(--muted); margin-top:20px;}
  #cvmeth .hero-meta b{color:var(--ink-soft); font-weight:600;}
  /* section headings + prose */
  #cvmeth h2{font-family:var(--serif); font-weight:400; font-size:clamp(25px,3vw,32px); color:var(--ink); margin:44px 0 14px; letter-spacing:-.01em;}
  #cvmeth p{font-size:17px; line-height:1.72; color:var(--ink-soft); margin:0 0 16px;}
  #cvmeth p a{color:var(--teal); text-decoration:none; border-bottom:1px solid rgba(10,110,110,.3);}
  #cvmeth p a:hover{border-bottom-color:var(--teal);}
  #cvmeth ol,#cvmeth ul{font-size:17px; line-height:1.72; color:var(--ink-soft); padding-left:22px; margin:0 0 16px;}
  #cvmeth li{margin-bottom:10px;}
  #cvmeth li b{color:var(--ink);}
  /* 3-balkjes-icoon */
  #cvmeth .cv-grade{display:inline-flex; align-items:stretch; gap:2px; height:10px; width:36px; flex:none; border-radius:3px; overflow:hidden;}
  #cvmeth .cv-grade b{flex:1; background:var(--ev-empty); display:block;}
  #cvmeth .cv-grade b:first-child{border-radius:3px 0 0 3px;}
  #cvmeth .cv-grade b:last-child{border-radius:0 3px 3px 0;}
  #cvmeth .cv-grade--high b{background:var(--ev-high);}
  #cvmeth .cv-grade--mid b:nth-child(1),#cvmeth .cv-grade--mid b:nth-child(2){background:var(--ev-mid);}
  #cvmeth .cv-grade--low b:nth-child(1){background:var(--ev-low);}
  /* niveau-callouts (border-left) */
  #cvmeth .tier{border-left:4px solid var(--line); padding:4px 0 4px 20px; margin:18px 0;}
  #cvmeth .tier h3{font-size:19px; font-weight:700; margin:0 0 6px;}
  #cvmeth .tier p{font-size:16px; margin:0; color:var(--ink-soft);}
  #cvmeth .tier--high{border-left-color:var(--ev-high);} #cvmeth .tier--high h3{color:var(--ev-high);}
  #cvmeth .tier--mid{border-left-color:var(--ev-mid);} #cvmeth .tier--mid h3{color:var(--copper-dark);}
  #cvmeth .tier--low{border-left-color:var(--ev-low);} #cvmeth .tier--low h3{color:#4C5361;}
  /* Bewijsgradering-kaart */
  #cvmeth .grade{background:#fff; border:1px solid var(--line); border-radius:16px; padding:30px 28px 20px; box-shadow:0 10px 34px rgba(26,26,46,.06); position:relative; overflow:hidden; margin:26px 0;}
  #cvmeth .grade::before{content:""; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--ev-high) 0 33%,var(--ev-mid) 33% 66%,var(--ev-low) 66% 100%);}
  #cvmeth .grade .gh{text-align:center; margin-bottom:22px;}
  #cvmeth .grade .gh h3{font-family:var(--serif); font-weight:400; font-size:24px; color:var(--ink); margin:0 0 6px;}
  #cvmeth .grade .gh span{font-size:13.5px; color:var(--muted);}
  #cvmeth .cols{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
  #cvmeth .col{text-align:center; padding:18px 12px; border-radius:12px; background:var(--bg); border:1px solid var(--line);}
  #cvmeth .col .cname{font-family:var(--serif); font-size:18px; color:var(--ink); margin:12px 0 4px;}
  #cvmeth .col .cdesc{font-size:12.5px; line-height:1.5; color:var(--muted);}
  #cvmeth .grade .gfoot{text-align:center; margin-top:20px; padding-top:16px; border-top:1px solid var(--line); font-size:13px; color:var(--muted); font-style:italic;}
  /* bronhiërarchie ladder */
  #cvmeth .ladder{list-style:none; padding:0; margin:22px 0; counter-reset:ld; display:grid; gap:12px;}
  #cvmeth .ladder li{counter-increment:ld; position:relative; padding:18px 20px 18px 62px; background:#fff; border:1px solid var(--line); border-radius:14px; font-size:16px; line-height:1.6; color:var(--ink-soft); margin:0;}
  #cvmeth .ladder li::before{content:counter(ld); position:absolute; left:16px; top:16px; width:32px; height:32px; border-radius:9px; background:var(--teal-light); color:var(--teal-dark); font-family:var(--serif); font-size:16px; display:flex; align-items:center; justify-content:center;}
  #cvmeth .ladder li b{color:var(--ink);}
  #cvmeth .ladder li:nth-child(1)::before{background:rgba(46,125,79,.14); color:var(--ev-high);}
  #cvmeth .ladder li:nth-child(4)::before{background:rgba(139,147,163,.18); color:#4C5361;}
  /* proces-stappen */
  #cvmeth .steps{list-style:none; padding:0; margin:22px 0 8px; counter-reset:st; display:grid; gap:14px;}
  #cvmeth .steps li{counter-increment:st; position:relative; padding:18px 20px 18px 62px; background:#fff; border:1px solid var(--line); border-radius:14px; font-size:16px; line-height:1.6; color:var(--ink-soft); margin:0;}
  #cvmeth .steps li::before{content:counter(st); position:absolute; left:18px; top:18px; width:30px; height:30px; border-radius:50%; background:var(--teal); color:#fff; font-family:var(--serif); font-size:15px; display:flex; align-items:center; justify-content:center;}
  #cvmeth .steps li b{display:block; color:var(--ink); font-size:16.5px; margin-bottom:3px;}
  /* transparantie kaart */
  #cvmeth .trans{background:#fff; border:1px solid var(--line); border-radius:16px; padding:26px 28px; margin:22px 0; box-shadow:0 2px 12px rgba(26,26,46,.05);}
  #cvmeth .trans .cols2{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:16px;}
  #cvmeth .trans h3{margin:0 0 10px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;}
  #cvmeth .trans .is h3{color:var(--ev-high);}
  #cvmeth .trans .isnt h3{color:var(--copper-dark);}
  #cvmeth .trans ul{list-style:none; padding:0; margin:0; font-size:15.5px; line-height:1.6;}
  #cvmeth .trans li{position:relative; padding-left:24px; margin-bottom:9px; color:var(--ink-soft);}
  #cvmeth .trans .is li::before{content:"+"; position:absolute; left:0; top:0; color:var(--ev-high); font-weight:700;}
  #cvmeth .trans .isnt li::before{content:"×"; position:absolute; left:0; top:0; color:var(--copper-dark); font-weight:700;}
  /* "wat nooit" lijst */
  #cvmeth .nots{list-style:none; padding:0; margin:20px 0 8px; display:grid; gap:12px;}
  #cvmeth .nots li{position:relative; padding:16px 18px 16px 50px; background:var(--bg-alt); border:1px solid var(--line); border-radius:12px; font-size:16px; line-height:1.6; color:var(--ink-soft); margin:0;}
  #cvmeth .nots li::before{content:"×"; position:absolute; left:18px; top:15px; width:20px; height:20px; border-radius:50%; background:var(--ink-soft); color:#fff; font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center;}
  #cvmeth .nots li b{color:var(--ink);}
  #cvmeth .disc{border-left:4px solid var(--teal); background:var(--teal-light); border-radius:0 12px 12px 0; padding:22px 24px; margin:34px 0 46px;}
  #cvmeth .disc p{font-size:16px; line-height:1.6; color:var(--ink-soft); margin:0;}
  #cvmeth .byline{padding:6px 0 44px; font-size:13px; color:var(--muted); border-top:1px solid var(--line); margin-top:8px;}
  @media (max-width:640px){
    #cvmeth .cols{grid-template-columns:1fr;}
    #cvmeth .trans .cols2{grid-template-columns:1fr;}
  }
  @media (prefers-reduced-motion:reduce){
    #cvmeth *{transition:none !important; animation:none !important;}
  }