.tool-content {
    width:min(100%,1250px);
    margin-inline:auto;
    padding:24px clamp(18px,5vw,72px) var(--section-space);
    overflow-wrap:break-word;
}
.tool-content h1 {
    max-width:21ch;
    margin:14px 0 18px;
    font-size:clamp(38px,5.5vw,78px);
    font-weight:750;
    line-height:1.02;
    letter-spacing:-.045em;
}
.tool-content h2 { font-size:clamp(25px,3vw,38px); font-weight:650; line-height:1.15; letter-spacing:-.025em; }
.tool-content h3 { margin:24px 0 8px; font-size:clamp(20px,1.8vw,25px); font-weight:600; line-height:1.25; }
.tool-content > p, .tool-content > header p { max-width:68ch; font-size:clamp(16px,1.5vw,20px); }
.tool-content > header .eyebrow { display:block; margin-top:24px; color:var(--color-accent); }
.tool-content > header > a { color:var(--color-accent); font-weight:650; }
.tool-content .tool-directory {
    display:grid;
    grid-template-columns:minmax(155px,1fr) 2.8fr;
    gap:24px 36px;
    margin-top:var(--section-space);
    padding-top:24px;
    border-top:1px solid #aebec9;
}
.tool-group-heading .eyebrow { color:var(--color-accent); }
.tool-group-heading h2 { margin-top:10px; }
.tool-directory ul {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:start;
    gap:10px;
    margin:0;
    padding:0;
    list-style:none;
}
@media (max-width:800px) {
    .tool-content .tool-directory { grid-template-columns:1fr; }
}
@media (max-width:580px) {
    .tool-directory ul { grid-template-columns:1fr; }
}