/* Keep the mobile finder to two compact rows beneath the brand bar. */
.directory-page .filter-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:0;align-items:center}
.directory-page .filter-tools>.type-scroll{grid-column:1;grid-row:1}.directory-page .filter-trigger{grid-column:2;grid-row:1}
.mobile-type-picker{display:none}.mobile-type-picker{align-items:center;justify-content:center;gap:5px;min-height:44px;border:1px solid #dce5f3;border-radius:9px;background:white;padding:8px 10px;color:#415a7c;font-size:12px;cursor:pointer}
.mobile-type-picker>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-type-picker svg{width:12px;height:12px;flex-shrink:0;transform:rotate(90deg)}
.type-picker-options{display:grid;gap:7px}.type-picker-options label{display:flex;align-items:center;gap:11px;min-height:46px;border:1px solid #e4eaf4;border-radius:9px;padding:11px 13px;cursor:pointer}.type-picker-options label:has(input:checked){background:#edf3ff;border-color:#a9c1f3;color:#285cbd}.type-picker-options label:focus-within{outline:2px solid #3265ed;outline-offset:2px}.type-picker-options input{width:17px;height:17px;accent-color:#3265ed;flex-shrink:0}.type-picker-options strong{font-weight:500;flex:1;font-size:13px}.type-picker-options small{font-size:11px;color:#687b97}
.directory-page .mobile-search .searchbox{height:52px}
.directory-page .filter-trigger{min-height:44px}
.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:5px;background:#3265ed;color:#fff;font-size:10px;font-weight:600}
.directory-page .results-heading{min-height:44px;flex-wrap:wrap}
.directory-page .results-heading h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 9px}
.directory-page .results-heading h2 span{margin-left:0;color:#687b97}
.results-tools{display:flex;align-items:center;gap:16px;margin-left:auto}
.directory-view{display:inline-flex;align-items:center;padding:3px;border:1px solid #e0e7f2;background:#edf1f7;border-radius:10px}
.directory-view button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:62px;min-height:44px;padding:9px 11px;border:0;border-radius:7px;background:transparent;color:#61728d;font-size:12px;cursor:pointer;transition:color .16s,background .16s}
.directory-view button[aria-pressed="true"]{color:#fff;background:#3265ed}
.directory-view button[aria-pressed="false"]:hover{color:#285cbd;background:#e0e8f6}
.directory-view button:focus-visible{outline:2px solid #1e4db8;outline-offset:3px}
.directory-view svg{width:17px;height:17px;flex-shrink:0}
/* Both views use the same creator content and actions, preserving filters and focus. */
.directory-page .creator-grid[data-view="list"]{grid-template-columns:minmax(0,1fr);gap:10px}
.directory-page .creator-grid[data-view="list"] .card-body{display:grid;grid-template-columns:minmax(0,1fr) 126px;grid-template-areas:"identity actions" "tags actions" "bio actions" "meta actions";column-gap:24px;padding:18px 20px}
.directory-page .creator-grid[data-view="list"] .card-top{grid-area:identity;min-width:0;align-items:center;gap:11px}
.directory-page .creator-grid[data-view="list"] .card-top .avatar{width:44px;height:44px;font-size:19px;border-radius:12px}
.directory-page .creator-grid[data-view="list"] .card-go{display:none}
.directory-page .creator-grid[data-view="list"] .card-identity{padding:0}
.directory-page .creator-grid[data-view="list"] .creator-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.directory-page .creator-grid[data-view="list"] .card-subtitle{margin-top:3px}
.directory-page .creator-grid[data-view="list"] .tags{grid-area:tags;margin-top:9px;gap:5px;min-width:0}
.directory-page .creator-grid[data-view="list"] .card-bio{grid-area:bio;min-width:0;min-height:0;margin-top:7px;-webkit-line-clamp:1}
.directory-page .creator-grid[data-view="list"] .card-bottom{grid-area:meta;justify-content:flex-start;flex-wrap:wrap;gap:7px 18px;margin-top:8px;padding:0;border:0;min-width:0}
.directory-page .creator-grid[data-view="list"] .card-bottom>span:first-child{overflow-wrap:anywhere}
.directory-page .creator-grid[data-view="list"] .creator-actions{grid-area:actions;display:flex;flex-direction:column;align-self:center;gap:8px;margin:0;padding:0;border:0}
.directory-page .creator-grid[data-view="list"] .creator-actions .btn{flex:none;padding:10px 12px;white-space:nowrap}
@media(max-width:780px){
    :root{--finder-header:calc(52px + env(safe-area-inset-top));--finder-stack:calc(164px + env(safe-area-inset-top))}
    html:has(body[data-page="directory"]){scroll-padding-top:var(--finder-stack)}
    body[data-page="directory"] .topbar{height:var(--finder-header)}
    body[data-page="directory"] .brand img{width:30px;height:30px}
    body[data-page="directory"] .brand-name{font-size:16px}
    body[data-page="directory"] .brand-name span{display:none}
    body[data-page="directory"] .topbar .container{padding-left:18px;padding-right:18px;gap:10px}
    body[data-page="directory"] .header-actions .btn{min-height:40px;padding:8px 11px}
    .directory-page .discovery-intro{padding:14px 0 11px;margin:0}
    .directory-page .discovery-intro .eyebrow,.directory-page .discovery-intro p{display:none}
    .directory-page .discovery-intro h1{font-size:22px;line-height:1.4;letter-spacing:-.7px}
    .directory-page .search-panel{top:var(--finder-header);padding:5px 4px 7px;margin:0 -4px 15px;border-bottom:1px solid #e3eaf5;background:#f5f7fbf5}
    .directory-page .mobile-search .searchbox{height:46px;padding:0 0 0 12px;border-radius:10px;gap:8px}
    .directory-page .mobile-search .searchbox>svg{width:16px;height:16px}
    .directory-page .mobile-search input{font-size:16px;padding:8px 0;min-width:0}
    .directory-page .mobile-search input::placeholder{font-size:12px}
    .directory-page .search-submit{width:44px;height:44px;border-radius:9px}
    .directory-page .filter-tools{display:flex;gap:6px;margin-top:6px;min-height:44px}
    .directory-page .filter-tools>.type-scroll{display:none}
    .directory-page .mobile-type-picker{display:flex;flex:1;min-width:0;justify-content:space-between;font-size:12px;padding:8px 12px}
    .directory-page .filter-trigger{height:44px;min-height:44px;padding:0 13px;border-radius:9px;flex:0 0 auto}
    .directory-page .filter-trigger svg{width:18px;height:18px}
    .directory-page .trust-caption{padding:6px 9px;font-size:9px;margin-bottom:13px;border-radius:7px}
    .directory-page .results-heading{margin-bottom:12px}.directory-page .results-heading h2{font-size:15px;gap:3px 7px}.directory-page .results-sort{display:none}
    .directory-view button{min-width:44px;padding:10px}.directory-view button>span{display:none}
    .directory-page .creator-grid[data-view="list"] .card-body{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity identity" "tags tags" "bio bio" "meta actions";column-gap:9px;padding:16px}
    .directory-page .creator-grid[data-view="list"] .card-bottom{align-self:center;gap:4px 10px;margin-top:8px;font-size:10px}
    .directory-page .creator-grid[data-view="list"] .creator-actions{margin-top:8px}
    .directory-page .creator-grid[data-view="list"] .creator-actions>a{display:none}
    .directory-page .creator-grid[data-view="list"] .creator-actions .btn{min-height:44px;padding:9px 11px;font-size:11px}
    .directory-page .creator-grid[data-view="list"] .card-bio{font-size:12px}
    .directory-page .creator-card{scroll-margin-top:var(--finder-stack)}
}
@media(prefers-reduced-motion:reduce){.directory-view button{transition:none}}