.directory-page{max-width:1120px;padding-top:3rem;padding-bottom:4rem;color:var(--ink,#25362d)}
.dir-hero{max-width:850px;margin:0 auto 2.5rem;text-align:center}.dir-badge{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--accent,#3c6249)}.dir-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2rem,4vw,3.1rem);line-height:1.15;margin:.8rem 0 1rem}.dir-intro{font-size:1.08rem;line-height:1.7}.dir-meta{display:flex;justify-content:center;gap:.5rem 1.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--muted,#697369);margin-top:1.2rem}
.dir-search-section{border:1px solid var(--line,#e3e6de);border-radius:18px;padding:1.7rem;background:#fff;margin:0 0 3rem}.directory-page h2{font-size:1.4rem;font-weight:600;margin:0 0 .65rem}.directory-page p{line-height:1.65}.dir-search-section>p{max-width:760px;color:var(--muted,#697369)}.dir-form{margin-top:1.3rem}.dir-search-row,.dir-filter-row{display:flex;gap:1rem;align-items:end}.dir-filter-row{margin-top:1rem}.dir-field{flex:1;min-width:0}.dir-field label{display:block;font-size:.8rem;font-weight:650;margin-bottom:.4rem}.dir-query-field{flex:1}.dir-field input,.dir-field select{display:block;width:100%;min-height:46px;border:1px solid #c8d1c6;border-radius:9px;background:var(--paper,#faf9f6);font:inherit;color:inherit;padding:.65rem .8rem}.dir-sort-field{flex:.7}.dir-primary,.dir-secondary{min-height:44px;border-radius:9px;padding:.6rem 1rem;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;line-height:1.35}.dir-primary{color:#fff;background:var(--accent,#3c6249);border:1px solid var(--accent,#3c6249)}.dir-secondary{background:#fff;color:var(--ink,#25362d);border:1px solid #c8d1c6}.dir-primary:hover{background:#294c37}.dir-secondary:hover{background:var(--soft,#eef2e9)}.dir-secondary:disabled{opacity:.45;cursor:default}.directory-page :focus-visible{outline:3px solid #a2be98;outline-offset:3px}.dir-note{font-size:.8rem;color:var(--muted,#697369)}.dir-status{margin:1rem 0 0;min-height:1.5em;font-size:.87rem}.dir-status[data-state=error]{color:#963f2e}.dir-status[data-state=loading]::before{content:'';display:inline-block;width:.5rem;height:.5rem;margin-right:.55rem;border-radius:50%;background:#678461}.dir-search-section[aria-busy=true] .dir-grid{opacity:.6}#dirRetry{margin-top:.7rem}#dirResults{margin-top:1.3rem}.dir-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.dir-card{min-width:0;border:1px solid var(--line,#e3e6de);border-radius:12px;padding:1rem;background:var(--paper,#faf9f6)}.dir-card-head{display:flex;gap:.6rem;justify-content:space-between;align-items:start}.dir-card-name{font-size:1rem;font-weight:650;color:var(--ink,#25362d);text-decoration:none;overflow-wrap:anywhere}.dir-card-name:hover{text-decoration:underline}.dir-card-author{font-size:.75rem;color:var(--muted,#697369);margin-top:.35rem;overflow-wrap:anywhere}.dir-card-stars{flex-shrink:0;font-size:.72rem;color:#506747;background:#eaf0e5;border-radius:20px;padding:.22rem .45rem}.dir-card-desc{font-size:.87rem;line-height:1.6;overflow-wrap:anywhere;margin:.6rem 0}.dir-card-cat{font-size:.72rem;color:var(--muted,#697369)}.dir-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.25rem;font-size:.8rem}.dir-browse>p{max-width:850px}.dir-browse-group{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--line,#e3e6de);scroll-margin-top:100px}.dir-category-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dir-category-heading h3{font-size:1.07rem;margin:0}.dir-category-heading small{font-weight:400;color:var(--muted,#697369)}.dir-browse-group>p{max-width:850px;color:var(--muted,#697369);font-size:.88rem;margin:.5rem 0 .8rem}.dir-browse-group ul{padding-left:1.2rem;columns:2;column-gap:2rem}.dir-browse-group li{break-inside:avoid;font-size:.83rem;line-height:1.6;margin-bottom:.6rem;overflow-wrap:anywhere}.dir-browse-group a{color:var(--accent,#3c6249);font-weight:600;text-decoration:none}.dir-browse-group a:hover{text-decoration:underline}.dir-browse-group li span{color:var(--muted,#697369)}.dir-content,.dir-faq{max-width:800px;margin:3rem auto 0}.dir-faq details{border-top:1px solid var(--line,#e3e6de);padding:1rem 0}.dir-faq summary{cursor:pointer;min-height:28px;font-weight:600}.dir-faq details>div{font-size:.9rem;line-height:1.65;margin-top:.7rem}.dir-clear{flex-shrink:0}#directory-search{scroll-margin-top:100px}
@media(max-width:680px){.directory-page{padding-top:2rem}.dir-search-section{padding:1.1rem}.dir-filter-row{flex-wrap:wrap}.dir-filter-row .dir-field{flex:1 1 100%}.dir-clear{width:100%}.dir-grid{grid-template-columns:1fr}.dir-browse-group ul{columns:1}.dir-category-heading{align-items:start;flex-direction:column;gap:.6rem}.dir-search-row{gap:.6rem}.dir-primary{padding:.65rem .85rem}.dir-pagination{gap:.7rem}.dir-meta{gap:.35rem .8rem}}
@media(prefers-reduced-motion:reduce){.directory-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.dir-review{display:block;font-size:.72rem;line-height:1.55;color:var(--muted,#697369);margin:.4rem 0;overflow-wrap:anywhere}.dir-review a{color:var(--accent,#3c6249);text-decoration:underline}