.tool-directory{display:grid;grid-template-columns:176px minmax(0,1fr);gap:30px;align-items:start;margin-top:34px}.category-sidebar{position:sticky;top:24px;align-self:start;min-width:0}.category-nav{padding:15px 10px;background:#fff;border:1px solid var(--line);border-radius:12px;max-height:calc(100dvh - 48px);overflow:auto;scrollbar-width:thin}.category-nav-title{margin:2px 12px 11px;color:#7a8c98;font-size:12px;letter-spacing:1px}.category-nav a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:43px;padding:10px 12px;margin:2px 0;border-radius:7px;color:#607583;font-size:13px;line-height:1.5}.category-nav a:hover{text-decoration:none;background:#f3f7fa;color:var(--blue)}.category-nav a[aria-current=location]{background:#eaf2f9;color:#125f99;font-weight:600}.category-count{font-size:11px;color:#96a8b4;font-weight:400;font-variant-numeric:tabular-nums}.category-nav a[aria-current=location] .category-count{color:#4f8dbb}.grouped-tools{min-width:0}.tool-group{scroll-margin-top:24px}.tool-group+.tool-group{margin-top:35px}.group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 15px;padding-top:1px}.group-heading h2{font-size:19px;font-weight:600;margin:0;letter-spacing:.3px}.group-heading>span{font-size:12px;color:#8798a5}.tool-group .tool-card{padding:21px 19px}.tool-group .tool-card h3{font-size:16px;margin-bottom:8px}.search-summary{font-size:12px;color:var(--muted);margin:14px 0 -13px}.tool-directory>.empty-state{grid-column:2}.tool-directory:has(#no-results:not([hidden])) .grouped-tools{display:none}
@media(min-width:701px) and (max-width:1100px){.tool-group .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-directory{grid-template-columns:160px minmax(0,1fr);gap:23px}.category-nav a{padding-left:10px;padding-right:10px}}
@media(max-width:700px){.tool-directory{display:block;margin-top:19px}.category-sidebar{top:0;z-index:5;background:var(--bg);padding:10px 0 13px;margin-bottom:16px;border-bottom:1px solid var(--line)}.category-nav{display:flex;gap:6px;max-height:none;overflow-x:auto;overflow-y:hidden;border:0;background:transparent;border-radius:0;padding:3px 2px 5px;scrollbar-width:thin;scroll-padding-inline:12px}.category-nav-title{display:none}.category-nav a{flex:0 0 auto;white-space:nowrap;gap:8px;border:1px solid #dce5ec;background:#fff;margin:0;min-height:42px;padding:10px 12px}.category-nav a[aria-current=location]{background:#eaf2f9;border-color:#c5daea}.tool-group{scroll-margin-top:90px}.tool-group+.tool-group{margin-top:29px}.group-heading{margin-bottom:12px}.group-heading h2{font-size:18px}.tool-group .tools-grid{grid-template-columns:1fr}.tool-group .tool-card{padding:20px}.tool-directory>.empty-state{margin-top:16px}.search-summary{margin-bottom:0}}
@media print{.category-sidebar{display:none}.tool-directory{display:block}.tool-group{break-inside:avoid}.tool-directory .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hub-intro{position:relative;padding-right:244px;min-height:235px}.hub-share{position:absolute;right:0;top:0;width:210px;margin:0;text-align:center}.page-qr-frame{display:flex;align-items:center;justify-content:center;width:210px;height:210px;padding:24px;background:#fff;border:1px solid #dfe6eb;border-radius:10px}.page-qr-frame [data-page-qr]{width:160px;height:160px}.page-qr-frame canvas,.page-qr-frame img{max-width:100%;height:auto}.hub-share figcaption{margin-top:8px;font-size:12px;line-height:1.6;color:#7b8d9a}@media(max-width:700px){.hub-intro{padding-right:0;min-height:0}.hub-share{display:none}}@media print{.hub-share{display:none}}