:root{--cw-primary:#34bb48;--cw-dark:#0a0a0a;--cw-text:#1f2937;--cw-muted:#6b7280;--cw-border:#e5e7eb;--cw-bg:#fff;--cw-card:#fafafa}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--cw-bg);color:var(--cw-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
/* Header */
.cw-topbar{position:sticky;top:0;z-index:50;background:var(--cw-bg);border-bottom:1px solid var(--cw-border)}
.cw-topbar-inner{max-width:1140px;margin:0 auto;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 16px}
.cw-logo{display:flex;align-items:center;gap:10px;font-weight:800}
.cw-logo-badge{width:26px;height:26px;border-radius:8px;background:var(--cw-primary);display:inline-block}
.cw-nav{display:flex;gap:18px;flex-wrap:wrap}.cw-nav a{text-decoration:none;color:var(--cw-dark);font-weight:600}.cw-nav a:hover{color:var(--cw-primary)}
.cw-hero{max-width:1140px;margin:0 auto;padding:12px 16px 6px}
.cw-search{display:flex;gap:10px;margin:8px 0 0}
.cw-search input{flex:1;padding:10px 12px;border:1px solid #34bb48;border-radius:10px;font-size:1rem}
.cw-search button{padding:8px 14px;border:1px solid var(--cw-primary);background:var(--cw-primary);color:#fff;border-radius:10px;font-weight:500;cursor:pointer}
/* Main */
.cw-main{max-width:1140px;margin:0 auto;padding:10px 16px 40px}
/* Category grid cards */
.cw-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:18px}
.cw-cat{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:flex-start;padding:3px 6px 15px 9px;background:var(--cw-card);border:1px solid var(--cw-border);border-radius:14px;position:relative;transition:transform .15s, box-shadow .15s}
.cw-cat:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.cw-cat::before{content:attr(data-i);position:absolute;left:14px;top:14px;width:26px;height:26p;border-radius:999px;background:var(--cw-primary);color:#fff;place-items:center;font-weight:800}
.cw-cat .icon{width:22px;height:22px;color:var(--cw-primary);margin-top:2px}
.cw-cat .title{font-size:1.05rem;font-weight:800;color:var(--cw-dark);display:flex;align-items:center;gap:6px}
.cw-cat .count{background:var(--cw-primary);color:#fff;padding:2px 8px;border-radius:999px;font-size:.82rem;font-weight:800}
/* Directory entry cards (search results) */
.cw-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:12px;counter-reset:item}
.cw-entry{position:relative;display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px 16px 16px 56px;background:var(--cw-card);border:1px solid var(--cw-border);border-radius:14px;transition:transform .15s, box-shadow .15s}
.cw-entry:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.cw-entry::before{counter-increment:item;content:counter(item);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-weight:800;background:var(--cw-primary);color:#fff}
.cw-entry .icon{width:24px;height:24px;color:var(--cw-primary);margin-top:2px}
.cw-entry .title{font-size:clamp(18px,2.4vw,26px);line-height:1.2;font-weight:800;color:var(--cw-dark)}
.cw-entry .desc{margin-top:6px;color:var(--cw-muted);font-size:.96rem}
.cw-entry .actions{display:flex;gap:10px;margin-top:10px}
.cw-btn{padding:8px 12px;border-radius:10px;font-weight:700;text-decoration:none;border:1px solid var(--cw-border);color:var(--cw-dark);background:#fff}
.cw-btn.primary{background:var(--cw-primary);border-color:var(--cw-primary);color:#fff}
/* Footer */
.cw-footer{border-top:1px solid var(--cw-border);background:var(--cw-bg);margin-top:28px}
.cw-footer-inner{max-width:1140px;margin:0 auto;gap:13px;flex-wrap:wrap;color:var(--cw-muted)}
@media(max-width:720px){.cw-topbar-inner{flex-direction:column;align-items:flex-start}.cw-entry{grid-template-columns:1fr;padding:14px 14px 14px 52px}.cw-entry::before{left:12px;top:12px}}