.family-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink,#171717);border-left:1px solid var(--ink,#171717)}.family-paths a{display:flex;flex-direction:column;gap:9px;padding:24px;border-right:1px solid;border-bottom:1px solid;text-decoration:none}.family-paths a:hover{background:#d4f45b}.family-paths strong{font-size:20px}.family-paths span{font-size:13px;line-height:1.5}.tool-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}.tool-entry-grid>a{border:1px solid #bbb9b0;padding:24px;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.tool-entry-grid>a:hover{border-color:#171717;background:#eeece4}.tool-entry-grid h3{font-size:25px;line-height:1.12;margin:0}.tool-entry-grid p{font-size:14px;line-height:1.65;margin:0}.tool-entry-grid>a>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.tool-entry-grid svg{margin-top:auto}.style-discovery label,.guide-search{display:block;font-size:13px;font-weight:600}.style-discovery input,.guide-search input{display:block;width:100%;padding:16px 18px;border:1px solid #aaa79f;background:#faf9f5;font:inherit;margin-top:10px;border-radius:0}.family-filters{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.family-filters button{font:inherit;font-size:12px;padding:10px 14px;border:1px solid #9e9b92;background:transparent;color:#171717;cursor:pointer}.family-filters button[aria-pressed=true]{background:#171717;color:#fff}.style-index [hidden],.guide-grid [hidden]{display:none!important}.style-index{align-items:start}.style-tile h2{overflow-wrap:anywhere}.style-tile p{line-height:1.65}.style-comparison>p{max-width:65ch}.compare-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.compare-controls label{display:flex;flex-direction:column;gap:8px;font-size:13px}.compare-controls select{width:100%;font:inherit;border:1px solid #aaa79f;padding:14px 10px;background:#faf9f5;min-width:0}.compare-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.compare-column{border-top:2px solid #171717;padding-top:18px;min-width:0}.compare-column h3{font-size:26px;line-height:1.15}.compare-column h4{font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-top:22px}.compare-column p,.compare-column li{font-size:14px;line-height:1.7}.compare-examples{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-examples a{font-size:12px;line-height:1.4}.compare-examples img{width:100%;height:auto;display:block;margin-bottom:8px}.style-discovery p,.guide-search+p{font-size:13px;color:#55534c}.guide-search{max-width:760px}.nav-links{gap:23px}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #171717;outline-offset:4px}@media(max-width:1100px){.tool-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{gap:16px}}@media(max-width:767px){.family-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.family-paths a{padding:17px 13px}.family-paths strong{font-size:16px}.family-paths span{font-size:12px}.tool-entry-grid{gap:10px}.tool-entry-grid>a{padding:17px 13px}.tool-entry-grid h3{font-size:21px}.tool-entry-grid p{font-size:13px}.compare-controls{grid-template-columns:1fr}.compare-results{grid-template-columns:1fr}.compare-column{display:block}.compare-examples{max-width:500px}.family-filters button{font-size:11px;padding:10px}.style-index{gap:22px 12px}.style-comparison h2{font-size:33px}}
.filter-options{max-height:240px;overflow:auto;overscroll-behavior:contain;padding:2px 5px 2px 0}.filter-find{width:100%;min-width:0;border:1px solid #aaa79f;background:#faf9f5;font:inherit;font-size:12px;padding:10px;margin:10px 0}.filter-option[hidden]{display:none!important}@media(max-width:767px){.filter-options{max-height:270px}.filter-find{font-size:14px}}
.compare-results{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media(max-width:767px){.compare-results{grid-template-columns:minmax(0,1fr)}}