/* V5.30 — Projectwijzer. Alleen van toepassing op deze pagina. */
.project-guide-page{background:#f3f6f9;color:#17222b}
.project-guide-page .pg-hero{padding:70px 0 72px;background:linear-gradient(110deg,#111a22 0%,#1d3448 75%,#21435b 100%)}
.project-guide-page .pg-hero .wrap{max-width:1100px}
.project-guide-page .pg-hero h1{font-size:clamp(36px,4.7vw,60px);line-height:1.1;letter-spacing:-1.8px;max-width:900px;margin:16px 0 19px}
.project-guide-page .pg-hero p{font-size:clamp(15px,1.55vw,18px);max-width:750px;margin:0;line-height:1.7}
.pg-hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.pg-hero-pills span{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid rgba(202,228,246,.28);background:rgba(255,255,255,.07);border-radius:999px;color:#e7f3fb;font-size:12px;font-weight:700}
.pg-section{padding:64px 0 80px;background:linear-gradient(#f3f6f9,#fff)}
.pg-layout{display:grid;grid-template-columns:minmax(0,.79fr) minmax(0,1.21fr);align-items:start;gap:clamp(28px,4vw,72px);max-width:1140px}
.pg-sidebar{min-width:0;padding:18px 0}
.pg-intro h2{font-size:clamp(26px,2.5vw,37px);letter-spacing:-.9px;line-height:1.17;margin:12px 0 17px}
.pg-intro>p{font-size:15px;line-height:1.8;color:#50616d;margin:0}
.pg-steps{list-style:none;margin:30px 0 28px;padding:0;display:grid;gap:20px}
.pg-step{display:flex;gap:15px;align-items:flex-start}
.pg-step-number{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;background:#e5f2fd;border:1px solid #cde4f7;border-radius:12px;color:#0873c2;font-size:14px;font-weight:850}
.pg-step strong{display:block;font-size:14px;line-height:1.5;margin:0 0 4px}
.pg-step small{display:block;color:#5e6f7c;line-height:1.65;font-size:12px}
.pg-aside-note{display:flex;gap:15px;padding:22px;background:#eaf2f8;border:1px solid #d9e7f0;border-radius:14px}
.pg-aside-note img{flex:0 0 27px;margin-top:2px}
.pg-aside-note strong{font-size:14px}
.pg-aside-note p{font-size:13px;line-height:1.7;margin:7px 0;color:#4c606e}
.pg-aside-note small{font-size:11px;color:#697b89;line-height:1.5}
.pg-card{min-width:0;background:#fff;border:1px solid #dfe7ed;border-radius:20px;box-shadow:0 20px 55px rgba(18,45,68,.085);overflow:hidden}
.pg-card-header{padding:34px 36px 27px;border-bottom:1px solid #e6edf2;background:linear-gradient(135deg,#fff 35%,#f4f9fd 100%)}
.pg-card-header h2{font-size:clamp(25px,2.5vw,33px);letter-spacing:-.8px;line-height:1.18;margin:10px 0 11px}
.pg-card-header p{font-size:13px;line-height:1.7;color:#5d6b77;margin:0}
.pg-form{display:block!important;min-width:0}
.pg-group{min-width:0;margin:0;border:0;padding:28px 36px 30px;border-bottom:1px solid #e9eef2}
.pg-group legend{float:left;display:block;width:100%;margin:0 0 22px;padding:0;line-height:1.4}
.pg-group legend span{display:block;color:#182c3b;font-weight:800;font-size:17px;letter-spacing:-.25px}
.pg-group legend small{display:block;font-size:12px;color:#657684;margin-top:5px;font-weight:400}
.pg-fields{display:grid;grid-template-columns:1fr;gap:21px;clear:both;min-width:0}
.pg-fields-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-field{min-width:0;display:flex;flex-direction:column;gap:0}
.pg-field label{display:block!important;font-size:13px!important;font-weight:750!important;line-height:1.5!important;color:#233646;margin:0 0 9px}
.pg-required{color:#1277c6;font-weight:800}
.pg-hint{font-size:12px;line-height:1.55;color:#687987;margin:-3px 0 9px}
.pg-field input,.pg-field select,.pg-field textarea{display:block;box-sizing:border-box;appearance:none;-webkit-appearance:none;width:100%;min-width:0;max-width:100%;font-family:inherit;font-size:14px;line-height:1.5;color:#1b2c3a;background:#fff;border:1px solid #cbd7e0;border-radius:10px;padding:14px 15px;min-height:51px;transition:border-color .18s,box-shadow .18s}
.pg-field select{padding-right:43px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235a7182' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}
.pg-field input::placeholder,.pg-field textarea::placeholder{color:#8998a5;opacity:1}
.pg-field textarea{min-height:136px;resize:vertical;line-height:1.65}
.pg-field input:focus,.pg-field select:focus,.pg-field textarea:focus{outline:0;border-color:#1588e3;box-shadow:0 0 0 3px rgba(22,143,240,.14)}
.pg-submit-wrap{padding:29px 36px 33px;background:#fbfdff}
.pg-submit{display:flex!important;align-items:center;justify-content:center;gap:12px;width:100%;max-width:100%;white-space:normal!important;text-align:center;min-height:57px;border-radius:10px!important;padding:15px 17px!important;font-size:14px!important;line-height:1.35!important;font-weight:800;box-shadow:0 9px 22px rgba(13,115,202,.15)}
.pg-submit img{width:21px;height:21px;flex:0 0 21px}
.pg-submit span:nth-child(2){flex:1}
.pg-privacy{font-size:11.5px;line-height:1.75;color:#647784;margin:15px 0 0}
.pg-alt{margin:17px 0 0;font-size:12px;color:#536675;line-height:1.65;text-align:center}
.pg-alt a{color:#096fb5;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.pg-result{padding:34px 36px 38px}
.pg-result[hidden],.pg-form[hidden]{display:none!important}
.pg-result h2{font-size:28px;line-height:1.2;letter-spacing:-.5px;margin:12px 0}
.pg-result>p{font-size:13px;line-height:1.75;color:#5d6b77}
.pg-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;line-height:1.7;background:#f3f7fa;border:1px solid #e1e9ef;border-radius:12px;padding:19px;margin:22px 0;color:#233c50}
.pg-edit{display:block;margin:18px auto 0;background:none;border:0;color:#0c73b8;font:inherit;font-size:13px;font-weight:750;cursor:pointer;padding:8px}
.pg-edit:hover{text-decoration:underline}
@media(max-width:980px){.pg-layout{grid-template-columns:1fr;max-width:720px;gap:24px}.pg-sidebar{padding:0}.pg-intro>p{max-width:680px}.pg-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pg-step{flex-direction:column;gap:9px}.pg-aside-note{padding:16px 18px}}
@media(max-width:620px){.project-guide-page .pg-hero{padding:49px 0 53px}.project-guide-page .pg-hero h1{font-size:clamp(32px,8.1vw,43px);letter-spacing:-1px}.project-guide-page .pg-hero p{font-size:14px}.pg-hero-pills{gap:7px;margin-top:19px}.pg-hero-pills span{font-size:10px;padding:7px 10px}.pg-section{padding:35px 0 50px}.pg-layout{gap:23px}.pg-intro h2{font-size:26px}.pg-intro>p{font-size:13px;line-height:1.75}.pg-steps{display:grid;grid-template-columns:1fr;gap:13px;margin:22px 0}.pg-step{flex-direction:row;align-items:center;gap:12px}.pg-step-number{width:32px;height:32px;flex-basis:32px;border-radius:10px}.pg-step strong{font-size:12.5px;margin-bottom:1px}.pg-step small{font-size:11px;line-height:1.5}.pg-aside-note{padding:15px}.pg-aside-note p{margin:5px 0}.pg-card{border-radius:16px}.pg-card-header{padding:25px 20px 22px}.pg-card-header h2{font-size:25px}.pg-group{padding:23px 20px 24px}.pg-group legend{margin-bottom:18px}.pg-group legend span{font-size:15px}.pg-fields-two{grid-template-columns:1fr}.pg-fields{gap:19px}.pg-field input,.pg-field select,.pg-field textarea{font-size:16px;min-height:52px}.pg-field textarea{min-height:132px}.pg-submit-wrap{padding:23px 20px 27px}.pg-submit{min-height:56px;font-size:13px!important;gap:8px}.pg-result{padding:27px 20px 30px}.pg-result h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.pg-field input,.pg-field select,.pg-field textarea{transition:none}}
.pg-submit img{filter:brightness(0) invert(1)}