.tool-content{gap:56px;display:grid}.tool-header{justify-content:space-between}.tool-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;padding:44px;display:grid}.tool-intro{justify-items:start;gap:20px;display:grid}.tool-intro h1{font-size:clamp(34px,4vw,46px)}.tool-intro .lead{font-size:21px;line-height:1.4}.tool-page p{max-width:70ch}.tool-note{color:var(--muted);font-size:13px}.tool-example{background:var(--blauw);border-radius:18px;gap:20px;padding:26px;display:grid}.tool-example h2{font-size:26px}.tool-example ul{gap:16px;margin:0;padding:0;list-style:none;display:grid}.tool-example li{border-bottom:1px solid #a8c7d1;gap:2px;padding-bottom:12px;display:grid}.tool-example strong{font-family:var(--display)}.tool-section{gap:18px;display:grid}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:6px;display:grid}.tool-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.tool-card{align-content:start;gap:14px;padding:28px;display:grid}.tool-audience{gap:22px;padding:40px;display:grid}.tool-audience .two>div{align-content:start;gap:16px;display:grid}.tool-page a:not(.btn){text-underline-offset:3px}.tool-text-link{align-items:center;min-height:44px;display:inline-flex}.tool-page .btn{white-space:normal;align-items:center;min-height:44px;display:inline-flex}.tool-faq details{border-bottom:1px solid var(--line);padding-bottom:16px}.tool-faq summary{cursor:pointer;min-height:44px;font-family:var(--display);padding-block:10px;font-size:18px;font-weight:700}.tool-faq summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.tool-faq details p{margin-top:12px}.tool-close{grid-template-columns:1fr auto;align-items:center;gap:28px;padding:40px;display:grid}.tool-close>div{gap:16px;display:grid}.tool-close>a{justify-self:start}@media (max-width:900px){.tool-hero,.tool-grid,.tool-close{grid-template-columns:1fr}}@media (max-width:720px){.tool-header{gap:10px}.tool-header .btn.small{padding-inline:12px;font-size:13px}.tool-hero,.tool-audience,.tool-close{padding:26px 22px}.tool-example{padding:22px}.tool-grid.two{grid-template-columns:1fr;gap:28px}.tool-content{gap:40px}.tool-footer{align-items:start}}
