/* V27 — beperkte aanvullingen op V26.4, zonder wijzigingen aan de bestaande kaarten/hero. */
.v27-kicker,.v27-related-kicker{display:block;font-weight:800;font-size:12px;letter-spacing:.105em;color:#008469;margin-bottom:10px}
.v27-hero{background:radial-gradient(circle at 90% 26%,#1b5260,#061d30 68%);padding:51px 0 62px;color:white}
.v27-hero-inner{max-width:1120px}
.v27-hero .begin-breadcrumb{margin-bottom:34px;color:#b6d7e5}
.v27-hero .begin-breadcrumb a{color:inherit}
.v27-hero .begin-eyebrow{color:#57eeb8;margin:0 0 14px;font-size:12px;letter-spacing:.1em}
.v27-hero h1{color:#fff;max-width:940px;font-size:clamp(36px,4.65vw,61px);line-height:1.13;letter-spacing:-1.8px;margin:0 0 16px}
.v27-hero p{color:#d9ebf1;font-size:clamp(16px,1.6vw,19px);max-width:800px;line-height:1.7;margin:0}
.v27-section{padding-top:56px;padding-bottom:24px}
.v27-section>h2{font-size:clamp(27px,3.15vw,38px);color:#082f43;margin:0 0 12px;letter-spacing:-.8px;line-height:1.17}
.v27-section>p{color:#546c7d;line-height:1.75;font-size:16px;max-width:770px;margin:0 0 25px}
.v27-step-intro{max-width:1120px}
.v27-progress{font-weight:800;color:#0b685a;margin:14px 0 9px}
.v27-track{height:8px;max-width:720px;border-radius:30px;overflow:hidden;background:#d9eae7}
.v27-track span{display:block;height:100%;width:0;background:#17bd91;transition:width .2s ease;border-radius:30px}
.v27-step-list{padding-bottom:45px;max-width:1120px}
.v27-step{display:grid;grid-template-columns:65px minmax(0,1fr);align-items:start;gap:22px;padding:27px 30px;margin-bottom:16px;border:1px solid #deeaed;border-radius:18px;background:white;box-shadow:0 7px 24px #07324808}
.v27-step-marker{width:53px;height:53px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#007c66;background:#e0f8ef;font-size:21px}
.v27-step h2{font-size:clamp(20px,2.3vw,26px);letter-spacing:-.45px;color:#0c3449;margin:0 0 9px}
.v27-step p{color:#50687a;line-height:1.75;margin:0 0 17px;font-size:15px;max-width:810px}
.v27-check{background:#f0faf6;display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border:1px solid #d3ebe1;border-radius:10px;color:#164d48;line-height:1.55;cursor:pointer;max-width:780px}
.v27-check input{width:19px;height:19px;flex:0 0 19px;margin-top:3px;accent-color:#008e70;cursor:pointer}
.v27-step.is-done{border-color:#9fe0cc}
.v27-step.is-done .v27-step-marker{background:#007f69;color:white}
.v27-inline-link{display:inline-block;margin-top:15px;font-size:14px;color:#007759!important;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.v27-end-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 34px;margin-bottom:75px;border-radius:18px;background:#e5f7f1}
.v27-end-cta h2{font-size:26px;color:#08384b;margin:0 0 8px}
.v27-end-cta p{color:#436478;line-height:1.65;margin:0;max-width:650px}
.v27-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:0 0 auto}
.v27-cta-actions .v27-inline-link{margin-top:3px}
.v27-alpha{display:flex;gap:8px;flex-wrap:wrap;margin:27px 0 36px}
.v27-alpha a{display:inline-flex;align-items:center;justify-content:center;width:41px;height:41px;border-radius:10px;background:#e7f6f2;color:#006951;font-weight:800;text-decoration:none;border:1px solid #cfeae0}
.v27-alpha a:hover,.v27-alpha a:focus-visible{background:#007b64;color:#fff}
.v27-glossary{max-width:1080px}
.v27-letter-group{margin:0 0 30px;scroll-margin-top:30px}
.v27-letter-group>h2{font-size:24px;color:#00846d;margin:0 0 12px;padding-bottom:9px;border-bottom:1px solid #d6e8e5}
.v27-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.v27-term{padding:23px 23px 20px;background:#fff;border:1px solid #e0eaf0;border-radius:14px;scroll-margin-top:30px;display:flex;flex-direction:column}
.v27-term h3{font-size:18px;margin:0 0 9px;color:#073449}
.v27-term p{font-size:14px;line-height:1.73;color:#50677a;margin:0 0 15px;flex:1}
.v27-term>a{color:#00775e;font-weight:800;text-decoration:underline;text-underline-offset:3px;font-size:14px}
.v27-glossary-note{background:#e9f7f4;border-radius:14px;padding:25px;margin:30px 0 65px;max-width:1080px;color:#244e59;line-height:1.7}
.v27-glossary-note p{margin:5px 0 0}
.v27-glossary-note a{font-weight:700;color:#006854;text-decoration:underline}
.v27-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin:17px 0 20px;border-radius:12px;border:1px solid #dce8eb}
.v27-table-scroll table{min-width:620px;margin:0!important;width:100%;border:0!important}
.v27-decision-section{margin:27px 0 35px!important;padding:25px 0;border-top:1px solid #d6e7eb;border-bottom:1px solid #d6e7eb}
.v27-decision-section h2{margin:9px 0 17px}
.v27-decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.v27-decision,.v27-protocol-grid>div{border-radius:13px;padding:20px;background:#eef8f5;border:1px solid #d4eae3}
.v27-decision>strong,.v27-protocol-grid>div>strong{color:#00775e;font-size:14px}
.v27-decision h3{margin:6px 0;font-size:20px;color:#0c3549}
.v27-decision p,.v27-protocol-grid p{font-size:14px;line-height:1.65;color:#455e70;margin:8px 0 12px}
.v27-decision a{font-weight:800;color:#00775e;text-decoration:underline;font-size:14px}
.v27-protocol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v27-caveat{font-size:13px!important;color:#516b78!important;line-height:1.6;margin:15px 0 0!important}
.v21-related.v27-related{margin:34px 0 4px;padding:24px 0;border-top:1px solid #d6e4e8}
.v21-related.v27-related>strong{font-size:24px;color:#0b3548;line-height:1.25;margin-bottom:17px}
.v21-related.v27-related ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.v21-related.v27-related li{min-width:0;margin:0;padding:0}
.v21-related.v27-related a{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-height:142px;height:100%;margin:0;padding:17px 17px 14px;border:1px solid #d6e7e2;border-radius:13px;background:#f2faf7;text-decoration:none!important;box-sizing:border-box}
.v21-related.v27-related a:hover,.v21-related.v27-related a:focus-visible{background:#e4f6ef;border-color:#74ccb1}
.v27-related-title{display:block;font-size:15px;line-height:1.35;font-weight:800;color:#0a4f45}
.v27-related-desc{display:block;font-size:13px;line-height:1.5;font-weight:400;color:#4c6774;flex:1}
.v27-related-arrow{align-self:flex-end;font-size:19px;color:#007f64}
.v27-category-feature{margin-top:34px;margin-bottom:4px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:25px 29px;border:1px solid #c9e8db;border-radius:17px;background:#e6f8f2}
.v27-category-feature h2{font-size:25px;letter-spacing:-.5px;color:#07394b;margin:0 0 6px}
.v27-category-feature p{color:#496678;margin:0;line-height:1.6}
.v27-directory-panel{background:#eef9f5;padding:22px 24px 25px;margin-bottom:22px;border-radius:16px;border:1px solid #d5eae4}
.v27-directory-panel h2{font-size:23px;color:#0c3849;margin:0 0 14px}
.v27-directory-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v27-directory-links>a{display:flex;flex-direction:column;gap:7px;padding:17px 19px;background:#fff;border-radius:12px;border:1px solid #dceae7;color:#174b50;text-decoration:none}
.v27-directory-links>a strong{color:#073a4b;font-size:17px}
.v27-directory-links>a span{color:#516d78;line-height:1.5;font-size:14px}
.v27-directory-links>a b{font-size:14px;color:#00775b;text-decoration:underline;margin-top:5px}
@media(max-width:900px){.v27-end-cta{flex-direction:column;align-items:flex-start}.v27-decision-grid,.v27-protocol-grid{grid-template-columns:1fr}.v21-related.v27-related ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.v27-hero{padding:34px 0 43px}.v27-hero h1{letter-spacing:-1px}.v27-section{padding-top:37px}.v27-step{grid-template-columns:1fr;gap:10px;padding:21px}.v27-step-marker{width:43px;height:43px;font-size:17px}.v27-terms,.v27-directory-links,.v21-related.v27-related ul{grid-template-columns:1fr}.v27-end-cta{padding:24px;margin-bottom:50px}.v27-category-feature{flex-direction:column;align-items:flex-start}.v27-alpha{gap:5px}.v27-alpha a{width:35px;height:35px}.v27-table-scroll table{min-width:610px}}
@media(prefers-reduced-motion:reduce){.v27-track span{transition:none}}
@media print{.site-header,.site-footer,.v27-end-cta,.v27-inline-link{display:none!important}.v27-step{break-inside:avoid;box-shadow:none}.v27-hero{background:#fff;color:#111;padding:0}.v27-hero h1,.v27-hero p{color:#111}}
