.tools-directory { padding: 90px 0; }
.tools-directory h1 { color: #fff; max-width: 1000px; }
.tools-directory .article-deck { max-width: 900px; }
.tools-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 40px 0; }
.tools-grid article { padding: 26px; border: 1px solid #40596e; border-radius: 16px; background: #102033; }
.tools-grid h2 { font-size: 1.5rem; color: #fff; }
.tools-grid a { display: inline-block; color: #59d8ff; padding: 12px 0; }
.tools-method, .tools-worksheets { margin-top: 60px; }
.tools-directory h2 { color: #fff; }
.tools-worksheets ul { padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.tools-worksheets li { padding: 18px; border-left: 3px solid #59d8ff; background: #102033; }
.tools-worksheets a { color: #59d8ff; font-weight: 700; }
.tools-worksheets p { margin: 8px 0 0; font-size: .9rem; }
.tools-directory a:focus-visible { outline: 3px solid #f2c66d; outline-offset: 3px; }
@media (max-width: 700px) {
    .tools-grid, .tools-worksheets ul { grid-template-columns: 1fr; }
    .tools-directory { padding: 60px 0; }
}