/* Tools reuse the home feature-card typography, surfaces and spacing. */
.ptl-tools{scroll-margin-top:78px}
.ptl-tools-heading{margin-bottom:17px}
.ptl-tools-heading .fvs-section-title{margin-bottom:8px}
.ptl-tools-heading p{max-width:70ch;margin:0;color:var(--fvs-muted);font-size:14px;line-height:21px}
.ptl-tools .ptl-tool-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.ptl-tools .ptl-tool-list li{margin:0;padding:0;min-width:0}
.ptl-tools .ptl-tool-link{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;gap:14px;height:100%;box-sizing:border-box;color:var(--fvs-ink);text-decoration:none;transition:border-color .2s,background-color .2s}
.ptl-tool-copy{min-width:0;overflow-wrap:anywhere;text-align:start}
.ptl-tool-link>svg{width:16px;height:16px;margin-top:11px;color:var(--fvs-accent);transition:transform .2s cubic-bezier(.16,1,.3,1)}
.ptl-tools .ptl-tool-link:hover{background:var(--fvs-surface);border-color:var(--fvs-accent)}
.ptl-tool-link:hover>svg{transform:translateX(3px)}
[dir="rtl"] .ptl-tool-link>svg{transform:rotate(180deg)}
[dir="rtl"] .ptl-tool-link:hover>svg{transform:rotate(180deg) translateX(3px)}
.ptl-tools a:focus-visible{outline:3px solid var(--fvs-accent);outline-offset:3px}
@media(min-width:768px) and (max-width:999px){.ptl-tools .ptl-tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.ptl-tools-heading{margin-bottom:13px}.ptl-tools .ptl-tool-list{grid-template-columns:minmax(0,1fr);gap:10px}}
@media(prefers-reduced-motion:reduce){.ptl-tools a,.ptl-tool-link>svg{transition:none}.ptl-tool-link:hover>svg{transform:none}[dir="rtl"] .ptl-tool-link:hover>svg{transform:rotate(180deg)}}