.tools-page{min-height:100vh}.tools-page .site-header-inner{max-width:1120px}.tools-page a{text-decoration:none}.tools-page .skip-link{position:fixed;left:16px;top:-100px;z-index:100;padding:12px 18px;background:#fff;border-radius:8px}.tools-page .skip-link:focus{top:12px}.tools-main{box-sizing:border-box;max-width:1000px;margin:0 auto;padding:52px 28px 80px}.tools-main:focus{outline:none}.tools-heading{margin-bottom:30px}.tools-heading h1{margin:0 0 10px;font-size:clamp(30px,4vw,42px);line-height:1.2;letter-spacing:-1px}.tools-heading p{margin:0;color:var(--cp-muted);font-size:17px;line-height:1.6}.tools-card{display:grid;grid-template-columns:290px minmax(0,1fr);max-width:820px;overflow:hidden;background:#fff;border:1px solid var(--cp-line);border-radius:20px;box-shadow:0 6px 28px #18374708;color:var(--cp-ink);transition:border-color .18s,box-shadow .18s}.tools-card:hover{border-color:#9bbfb0;box-shadow:0 9px 30px #18374712}.tools-card-art{display:grid;place-items:center;background:radial-gradient(ellipse at 25% 20%,#f4e7ce 0,transparent 58%),#e3f0e8;padding:20px}.tools-card-art svg{display:block;width:100%;max-width:280px;height:auto}.tools-card-copy{padding:36px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.tools-free{display:inline-block;padding:5px 9px;background:#edf5f1;color:#356252;border-radius:7px;font-size:12px;font-weight:700;line-height:1.5}.tools-card h2{margin:17px 0 10px;font-size:27px;line-height:1.3;letter-spacing:-.6px}.tools-card-copy>p{margin:0 0 25px;color:var(--cp-muted);font-size:16px;line-height:1.6}.tools-card-action{display:inline-flex;align-items:center;gap:12px;min-height:44px;background:#176958;border-radius:9px;padding:0 15px;color:#fff;font-size:14px;font-weight:800}.tools-card-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tools-card:focus-visible{outline:3px solid #2179a8;outline-offset:4px}
@media(max-width:680px){.tools-main{padding:30px 16px 50px}.tools-heading{margin-bottom:23px}.tools-heading p{font-size:15px}.tools-card{grid-template-columns:1fr}.tools-card-art{padding:8px 16px;height:210px}.tools-card-art svg{height:210px;width:auto;max-width:100%}.tools-card-copy{padding:25px}.tools-card h2{font-size:25px}.tools-card-copy>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.tools-card{transition:none}}