.dir-list{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));display:grid}.dir-entry{--accent:var(--color-primary);--accent-text:var(--color-primary);--accent-tint:#6366f114;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);text-align:left;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.dir-entry[hidden]{display:none}.dir-entry:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.dir-entry:focus-within{border-color:var(--accent)}.dir-entry.plan-premium{--accent:#f59e0b;--accent-text:#b45309;--accent-tint:#f59e0b1a}.dir-entry.plan-pro{--accent:#3b82f6;--accent-text:#2563eb;--accent-tint:#3b82f61a}[data-theme=dark] .dir-entry.plan-premium{--accent-text:#fbbf24}[data-theme=dark] .dir-entry.plan-pro{--accent-text:#60a5fa}.dir-entry.plan-premium,.dir-entry.plan-pro{border-color:color-mix(in srgb, var(--accent) 35%, var(--color-border))}.dir-entry.featured{padding:var(--space-xl);background:linear-gradient(160deg, var(--accent-tint) 0%, transparent 60%), var(--color-bg-card);align-items:start}.dir-entry.featured:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dir-entry .de-logo{border-radius:var(--radius-md);background:var(--color-bg-subtle);border:1px solid var(--color-border);flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.dir-entry.featured .de-logo{border-radius:var(--radius-lg);width:72px;height:72px}.dir-entry .de-logo img{object-fit:cover;width:100%;height:100%}.dir-entry .de-info{flex-direction:column;gap:4px;min-width:0;display:flex}.dir-entry .de-title-row{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.dir-entry .de-name{font-family:inherit;font-size:var(--font-size-lg);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-weight:700;line-height:1.3;overflow:hidden}.dir-entry.featured .de-name{font-size:var(--font-size-xl);white-space:normal}.dir-entry .de-link{color:inherit;text-decoration:none}.dir-entry .de-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.dir-entry .de-link:focus-visible{outline:none}.dir-entry .de-link:focus-visible:after{outline:2px solid var(--accent);outline-offset:2px}.dir-entry .de-plan-pill{border-radius:var(--radius-full);background:var(--accent-tint);color:var(--accent-text);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);font-size:var(--font-size-xs);letter-spacing:.02em;flex-shrink:0;padding:2px 8px;font-weight:700}.dir-entry .de-meta{align-items:center;gap:4px var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-wrap:wrap;margin:0;display:flex}.dir-entry .de-meta:not(:has(>:not([hidden]))){display:none}.dir-entry .de-open{color:var(--color-text-muted);align-items:center;gap:5px;font-weight:600;display:inline-flex}.dir-entry .de-open:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.dir-entry .de-open[hidden]{display:none}.dir-entry .de-open.is-open{color:var(--color-success)}.dir-entry .de-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;line-height:1.5;display:-webkit-box;overflow:hidden}.dir-entry.featured .de-desc{-webkit-line-clamp:3}.dir-entry .de-addr{font-size:var(--font-size-xs);color:var(--color-text-muted);align-items:center;gap:5px;min-width:0;margin:2px 0 0;display:flex}.dir-entry .de-addr span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dir-entry .de-addr svg{flex-shrink:0;width:13px;height:13px}.dir-entry .de-why{font-size:var(--font-size-xs);color:var(--accent-text);margin:4px 0 0;font-weight:600}.dir-entry .de-why:before{content:"↳ "}.dir-entry .de-actions{z-index:1;align-items:center;gap:6px;display:flex;position:relative}.dir-entry.featured .de-actions{align-self:center}.dir-entry .de-action{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-elevated);width:40px;height:40px;color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);place-items:center;display:grid}.dir-entry .de-action svg{width:18px;height:18px}.dir-entry .de-action:hover,.dir-entry .de-action:focus-visible{background:var(--color-primary);border-color:var(--color-primary);color:#fff;outline:none}.dir-entry .de-action-wa:hover,.dir-entry .de-action-wa:focus-visible{background:#25d366;border-color:#25d366}.dir-entry .de-chevron{width:20px;color:var(--color-text-muted);transition:transform var(--transition-fast), color var(--transition-fast);place-items:center;display:grid}.dir-entry .de-chevron svg{width:18px;height:18px}.dir-entry:hover .de-chevron{color:var(--accent);transform:translate(3px)}@media (width<=560px){.dir-entry{gap:var(--space-md);padding:var(--space-md) var(--space-lg);grid-template-columns:auto minmax(0,1fr)}.dir-entry.featured{padding:var(--space-lg)}.dir-entry .de-logo{width:48px;height:48px}.dir-entry.featured .de-logo{width:56px;height:56px}.dir-entry .de-actions{grid-column:1/-1}.dir-entry .de-actions:not(:has(.de-action)){display:none}.dir-entry .de-chevron{margin-left:auto}}