.directory{padding:20px 14px 28px}.directory-heading{padding:8px 4px 22px}.eyebrow{font-size:10px;letter-spacing:2px;color:#a69acb;font-weight:700}.directory-heading h1,.directory-heading h2{font-size:25px;margin:10px 0}.directory-heading p{font-size:13px;color:#a7aab5;line-height:1.7;margin:0}.directory-filters{position:sticky;top:0;z-index:5;background:#10131bf5;padding:14px 12px;border:1px solid #ffffff15;border-radius:18px;backdrop-filter:blur(16px)}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-row label{font-size:10px;color:#a6a9b5;display:grid;gap:6px}.filter-row select{width:100%;min-width:0;height:43px;background:#222633;color:#fff;border:1px solid #ffffff18;border-radius:10px;padding:0 9px;font-size:14px}.quick-areas{display:flex;gap:7px;overflow:auto;padding:13px 0 1px;scrollbar-width:none}.quick-areas button{white-space:nowrap;border:1px solid #ffffff20;background:transparent;color:#b9bdca;border-radius:30px;padding:8px 12px;font-size:12px;cursor:pointer}.quick-areas button[aria-pressed=true]{background:#bca6ef;color:#191225;border-color:#bca6ef}.preview-note{color:#a9a0b9;font-size:11px;line-height:1.6;padding:12px 2px}.result-line{display:flex;justify-content:space-between;align-items:center;font-size:13px}.result-line button{border:0;color:#b8a4dc;background:none;font-size:11px;cursor:pointer;min-height:32px}.result-count{font-size:11px;color:#8b92a2;margin:5px 0 20px}.directory-group-title{display:flex;align-items:center;gap:8px;margin:22px 0 12px;font-size:16px}.directory-group-title small{color:#b6a2db;font-size:10px;letter-spacing:1px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-card{border:1px solid #ffffff1c;border-radius:17px;overflow:hidden;background:#141820;color:#f1f1f8;text-decoration:none;display:block}.demo-art{height:108px;background:radial-gradient(ellipse at 75% 0%,#b078ba55,transparent 65%),linear-gradient(140deg,#283750,#151a2c);position:relative;display:flex;align-items:center;justify-content:center}.demo-art::after{content:'ROOM';font-size:27px;font-weight:800;letter-spacing:8px;color:#ffffff14}.demo-card.premium .demo-art{height:180px;background:radial-gradient(ellipse at 75% 20%,#9c7de578,transparent 60%),linear-gradient(125deg,#192c46,#30213b)}.demo-tag{position:absolute;left:12px;top:12px;font-size:10px;padding:5px 8px;border-radius:6px;color:#f1e5ff;background:#181825aa}.demo-info{padding:14px}.demo-info strong{display:block;font-size:15px;margin:7px 0}.demo-info small{font-size:11px;color:#c6b2e9}.demo-info p{font-size:11px;color:#9da4b3;margin:8px 0 0;line-height:1.7}.demo-card.premium .demo-info strong{font-size:19px}.demo-card.premium{margin-bottom:12px}.directory-all{margin-top:22px;display:flex;justify-content:space-between;padding:16px;border:1px solid #ffffff20;border-radius:12px;color:#dfd5f3;text-decoration:none;font-size:13px}.directory button:focus-visible,.directory select:focus-visible,.demo-card:focus-visible{outline:2px solid #cbb6ff;outline-offset:3px}.directory .empty-state{margin-top:20px}.page-region:has(.directory) .disclaimer{margin:0 18px;font-size:11px;line-height:1.7;color:#8c919e}@media(max-width:380px){.directory{padding:14px 10px}.demo-grid{gap:8px}.quick-areas button{padding:8px 10px}}


.district-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.district-tabs button{min-height:46px;border:1px solid #ffffff20;border-radius:12px;background:#222633;color:#c7c3d2;font-size:14px;cursor:pointer}.district-tabs button[aria-pressed=true]{background:#bca6ef;color:#191225;border-color:#bca6ef;font-weight:700}