.tools-nav{position:relative}.tools-nav__toggle{font:inherit;color:inherit;background:none;border:0;padding:8px 0;gap:7px;cursor:pointer;white-space:nowrap}.tools-nav__toggle:hover,.tools-nav__toggle[aria-expanded=true]{color:#edb0ac}.tools-nav__panel{position:absolute;top:calc(100% + 24px);left:var(--tools-shift,0px);width:560px;max-width:calc(100vw - 40px);padding:20px;background:#10151b;border:1px solid #303840;border-radius:12px;box-shadow:0 16px 36px #0006;z-index:40}.tools-nav__panel[hidden]{display:none}.tool-group h2{font:700 12px/1.4 Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#acb4be;margin:0 0 14px}.tool-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#151b22;border:1px solid #29313b;border-radius:9px;min-width:0}.tool-card:hover{border-color:#8c5957;background:#1b2027}.tool-card__icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:#292224;color:#dfaaa0}.tool-card strong{display:block;font-size:14px;line-height:1.4;color:#f1efeb}.tool-card small{display:block;font-size:12px;font-weight:400;line-height:1.5;color:#a3adb8;margin-top:5px}.tools-nav__all{display:inline-block;margin-top:16px;font-size:13px;color:#e7aaa4}.tools-catalog{padding-top:36px;padding-bottom:64px;min-height:65vh}.tools-catalog h1{font-size:30px;margin:0 0 32px}.tools-catalog .tool-cards{max-width:720px}.tools-nav button:focus-visible,.tools-nav a:focus-visible,.tools-catalog a:focus-visible{outline:2px solid #e7aaa4;outline-offset:3px}
@media(max-width:900px){.mobile-nav .tools-nav{width:100%}.mobile-nav .tools-nav__toggle{padding:10px 0;text-align:left;justify-content:flex-start;width:100%}.mobile-nav .tools-nav__panel{position:static;width:100%;max-width:none;box-shadow:none;padding:12px;margin:0 0 10px}.mobile-nav .tool-cards{grid-template-columns:1fr}.mobile-nav .tool-card{padding:12px}.mobile-nav.open{max-height:calc(100dvh - 78px);overflow-y:auto}.tools-catalog .tool-cards{grid-template-columns:1fr}}
@media(max-width:620px){.mobile-nav.open{max-height:calc(100dvh - 60px)}.tools-catalog h1{font-size:26px}}
.tools-nav .tool-card{padding:10px;gap:10px}.tools-nav .tool-card small{margin-top:3px;line-height:1.4}.tools-nav .tool-cards{gap:8px}.tools-nav .tool-group+.tool-group{margin-top:18px}
.tools-nav__toggle[aria-expanded=true] .navigation-chevron{transform:rotate(180deg)}