body{margin:0;background:#050e0d;color:#f3ecd9;font-family:Tajawal,sans-serif}*{box-sizing:border-box}.directory-header,.directory-main{max-width:1120px;margin:auto;padding:1.2rem}.directory-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.directory-header img{width:128px;height:auto}.directory-header nav,.directory-pages{display:flex;gap:.8rem;flex-wrap:wrap}a{color:inherit}.directory-header a,.directory-pages a{display:inline-flex;align-items:center;min-height:48px;padding:.5rem}.directory-kicker{color:#c5a369;letter-spacing:.15em}.directory-main h1{font-size:clamp(1.7rem,5vw,3rem)}.directory-main p{line-height:1.8}.directory-filter{display:flex;flex-wrap:wrap;gap:1rem;margin-block:2rem;padding:1rem;border:1px solid #23483b;border-radius:18px}.directory-filter label{display:flex;flex-direction:column;gap:.4rem;flex:1 1 180px}.directory-filter input,.directory-filter select,.directory-filter button{min-height:48px;max-width:100%;padding:.65rem;border:1px solid #47634c;border-radius:10px;background:#102920;color:inherit;font:inherit}.directory-filter button{align-self:end;background:#c5a369;color:#07170f;cursor:pointer}.directory-list{display:flex;flex-wrap:wrap;gap:1rem}.directory-card{flex:1 1 280px;max-width:100%;padding:1.3rem;border:1px solid #254a3b;border-radius:18px;background:#0d201a;overflow-wrap:anywhere}.directory-card h2 a{display:inline-block;min-height:48px;line-height:1.5}.directory-card h2{margin:0}.directory-meta,.directory-note{font-size:.9rem;color:#c6bea9}.directory-empty{width:100%;border:1px dashed #47634c;padding:2rem;border-radius:18px}.directory-feature{padding:1rem;border:1px solid #c5a369;border-radius:18px;margin-block:1rem}.directory-feature li{overflow-wrap:anywhere}.directory-pages{margin-top:1.5rem}html[data-theme=light] body{background:#f5f1e6;color:#16382b}html[data-theme=light] .directory-kicker{color:#72551b}html[data-theme=light] .directory-card,html[data-theme=light] .directory-filter input,html[data-theme=light] .directory-filter select{background:#fffdf6}html[data-theme=light] .directory-meta,html[data-theme=light] .directory-note{color:#425b4a}@media(max-width:480px){.directory-header{padding:.8rem}.directory-header img{width:96px}.directory-header nav{gap:.25rem}.directory-main{padding:1rem}.directory-filter{padding:.8rem}.directory-filter button{width:100%}}