.directory-browser{margin:24px 0 36px;scroll-margin-top:120px}.browse-controls{padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.browse-controls h2{margin:0 0 8px}.browse-fields{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:16px;margin:20px 0}.browse-fields label{font-weight:700;display:grid;gap:8px}.browse-fields select,.browse-fields input{width:100%;min-height:48px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-alt);color:var(--text);font:inherit;box-sizing:border-box}.browse-description,.browse-scope{color:var(--muted);font-size:.94rem}.browse-count{margin:12px 0;font-weight:700}.browse-reset{font:inherit;color:var(--text);background:var(--surface-alt);padding:9px 16px;min-height:44px;border:1px solid var(--border);border-radius:8px;cursor:pointer}.browse-group{margin-top:32px}.browse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.browse-card{padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow-wrap:anywhere}.browse-card h4{font-size:1.1rem;margin:10px 0}.browse-tags{font-size:.8rem;font-weight:700;color:var(--muted)}.browse-card summary{cursor:pointer;font-weight:700;padding:12px 0;min-height:44px;box-sizing:border-box}.browse-card details[open]{border-top:1px solid var(--border);margin-top:12px}.browse-card p{margin:10px 0}.browse-links{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.browse-links a{min-height:32px;text-decoration:underline}.browse-card .resource-note{font-size:.82rem}.browse-controls :focus-visible,.browse-card :focus-visible{outline:3px solid #bc985e;outline-offset:3px}.browse-card:target{outline:2px solid #bc985e}[hidden]{display:none!important}@media(max-width:700px){.browse-fields,.browse-grid{grid-template-columns:1fr}.browse-controls{padding:18px}.browse-fields{gap:14px}.directory-browser{scroll-margin-top:130px}}@media print{.browse-fields,.browse-reset{display:none}}

.browse-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.browse-topic{text-align:left;font:inherit;background:var(--surface-alt);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:14px;cursor:pointer;min-height:80px}.browse-topic strong,.browse-topic span{display:block}.browse-topic span{font-size:.83rem;line-height:1.4;margin-top:6px;color:var(--muted)}.browse-topic[aria-pressed=true]{border:2px solid #83bfa9;background:#195e53;color:#fff;padding:13px}.browse-topic[aria-pressed=true] span{color:#e4f6ef}.browse-fields-simple{grid-template-columns:1fr 2fr}.browse-need{margin-top:32px;padding-top:20px;border-top:2px solid var(--border)}.browse-need>h3{font-size:1.5rem;margin:0 0 8px}.browse-subgroup{margin-top:20px}.browse-subgroup>h4{font-size:1rem;color:var(--muted);margin-bottom:12px}.browse-card h5{font-size:1.1rem;margin:10px 0}.browse-service-tags{font-size:.8rem;color:var(--muted)}@media(max-width:700px){.browse-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-fields-simple{grid-template-columns:1fr}.browse-topic{padding:12px}.browse-topic[aria-pressed=true]{padding:11px}}@media(max-width:360px){.browse-topics{grid-template-columns:1fr}}@media print{.browse-topics{display:none}}

.browse-results{scroll-margin-top:120px}.browse-results>h2{margin-top:28px}.browse-need{margin:12px 0;padding:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden}.browse-need>summary{display:grid;grid-template-columns:1fr auto;gap:6px 16px;padding:20px;cursor:pointer;list-style:none;min-height:76px;box-sizing:border-box}.browse-need>summary::-webkit-details-marker{display:none}.browse-need-title{font-size:1.2rem;font-weight:750}.browse-need-title:before{content:'▸';display:inline-block;width:24px;color:var(--muted)}.browse-need[open] .browse-need-title:before{content:'▾'}.browse-need-count{font-size:.86rem;color:var(--muted);align-self:center}.browse-need>summary small{grid-column:1/-1;color:var(--muted);font-size:.9rem;padding-left:24px}.browse-need>.browse-group{padding:0 20px 20px;margin:12px 0}.browse-need[open]>summary{border-bottom:1px solid var(--border)}.browse-need>summary:focus-visible{outline:3px solid #bc985e;outline-offset:-4px}.browse-views button[aria-expanded=true]{background:#195e53;color:#fff}.browse-controls .browse-description,.browse-controls .browse-scope{margin:8px 0}.browse-fields{margin:14px 0}@media(max-width:600px){.browse-need>summary{padding:16px;gap:6px 8px}.browse-need-title{font-size:1.05rem}.browse-need>.browse-group{padding:0 12px 12px}}