.hsdir-wrap{--hsdir-radius:10px;--hsdir-border:#e2e4e9;--hsdir-muted:#5b6472;--hsdir-accent:#1f5f4e;--hsdir-accent-soft:#e8f2ee;--hsdir-surface:#fff;max-width:1160px;margin:0 auto;padding:24px 20px 64px}
@media (prefers-color-scheme:dark){.hsdir-wrap{--hsdir-border:#333a44;--hsdir-muted:#a2adbb;--hsdir-accent:#79c8ad;--hsdir-accent-soft:#1b2a27;--hsdir-surface:#171a1f}}
.hsdir-crumbs{font-size:.85rem;color:var(--hsdir-muted);margin:0 0 16px}
.hsdir-crumbs a{color:inherit}
.hsdir-crumbs span{opacity:.5;margin:0 2px}
.hsdir-archive__header h1{margin:0 0 8px}
.hsdir-archive__intro{color:var(--hsdir-muted);max-width:70ch}
.hsdir-count{color:var(--hsdir-muted);font-size:.9rem;margin:4px 0 20px}
.hsdir-search{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:16px;margin:0 0 28px;border:1px solid var(--hsdir-border);border-radius:var(--hsdir-radius);background:var(--hsdir-surface)}
.hsdir-field{display:flex;flex-direction:column;gap:4px;flex:1 1 170px;min-width:0}
.hsdir-field--wide{flex:2 1 260px}
.hsdir-field>span{font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--hsdir-muted)}
.hsdir-search input[type=search],.hsdir-search select{width:100%;padding:9px 10px;font:inherit;border:1px solid var(--hsdir-border);border-radius:7px;background:var(--hsdir-surface);color:inherit}
.hsdir-check{display:flex;align-items:center;gap:7px;font-size:.9rem;flex:0 0 auto;padding-bottom:9px}
.hsdir-btn{display:inline-block;padding:10px 20px;font:inherit;font-weight:600;color:#fff;background:var(--hsdir-accent);border:0;border-radius:7px;cursor:pointer;text-decoration:none}
.hsdir-btn:hover{filter:brightness(1.08);color:#fff}
.hsdir-btn--block{display:block;text-align:center;width:100%;margin-top:14px}
.hsdir-grid-cards{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.hsdir-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--hsdir-border);border-radius:var(--hsdir-radius);background:var(--hsdir-surface)}
.hsdir-card__media img{display:block;width:100%;height:160px;object-fit:cover}
.hsdir-card__body{padding:16px;display:flex;flex-direction:column;gap:6px}
.hsdir-card__kicker{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hsdir-accent)}
.hsdir-card__title{margin:0;font-size:1.05rem;line-height:1.3}
.hsdir-card__title a{text-decoration:none;color:inherit}
.hsdir-card__title a:hover{text-decoration:underline}
.hsdir-card__meta{margin:0;font-size:.85rem;color:var(--hsdir-muted);display:flex;flex-wrap:wrap;gap:10px}
.hsdir-card__meta span+span::before{content:"\00b7";margin-right:10px;opacity:.6}
.hsdir-card__excerpt{margin:4px 0 0;font-size:.9rem;color:var(--hsdir-muted)}
.hsdir-badge{align-self:flex-start;margin-top:8px;padding:3px 9px;font-size:.74rem;font-weight:700;border-radius:999px;background:var(--hsdir-accent-soft);color:var(--hsdir-accent)}
.hsdir-hubs{list-style:none;margin:0 0 32px;padding:0;display:grid;gap:12px;grid-template-columns:repeat(var(--hsdir-cols,3),minmax(0,1fr))}
.hsdir-hubs a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--hsdir-border);border-radius:var(--hsdir-radius);text-decoration:none;color:inherit;background:var(--hsdir-surface)}
.hsdir-hubs a:hover{border-color:var(--hsdir-accent)}
.hsdir-hubs span{font-size:.82rem;color:var(--hsdir-muted)}
@media (max-width:700px){.hsdir-hubs{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.hsdir-hubs{grid-template-columns:1fr}}
.hsdir-single__header h1{margin:0 0 10px}
.hsdir-chip{display:inline-block;margin:0 6px 6px 0;padding:3px 10px;font-size:.8rem;text-decoration:none;color:inherit;border:1px solid var(--hsdir-border);border-radius:999px}
.hsdir-chip:hover{border-color:var(--hsdir-accent);color:var(--hsdir-accent)}
.hsdir-single__layout{display:grid;gap:32px;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);margin-top:24px}
@media (max-width:780px){.hsdir-single__layout{grid-template-columns:1fr}}
.hsdir-facts{border:1px solid var(--hsdir-border);border-radius:var(--hsdir-radius);padding:18px;background:var(--hsdir-surface);position:sticky;top:20px}
.hsdir-facts h2{margin:0 0 12px;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hsdir-muted)}
.hsdir-facts dl{margin:0}
.hsdir-facts dt{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--hsdir-muted);margin-top:12px}
.hsdir-facts dt:first-child{margin-top:0}
.hsdir-facts dd{margin:2px 0 0}
.hsdir-verified{margin:14px 0 0;font-size:.8rem;color:var(--hsdir-muted)}
.hsdir-features{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hsdir-features a{display:inline-block;padding:4px 11px;border-radius:999px;background:var(--hsdir-accent-soft);color:var(--hsdir-accent);text-decoration:none;font-size:.85rem}
.hsdir-related{margin-top:48px}
.hsdir-cta{margin-top:48px;padding:28px;text-align:center;border-radius:var(--hsdir-radius);background:var(--hsdir-accent-soft)}
.hsdir-cta h2{margin:0 0 6px}
.hsdir-cta p{margin:0 0 16px;color:var(--hsdir-muted)}
.hsdir-pagination{margin-top:36px;display:flex;justify-content:center;gap:8px}
.hsdir-pagination .page-numbers{padding:7px 13px;border:1px solid var(--hsdir-border);border-radius:7px;text-decoration:none;color:inherit}
.hsdir-pagination .page-numbers.current{background:var(--hsdir-accent);color:#fff;border-color:var(--hsdir-accent)}
.hsdir-empty{padding:40px;text-align:center;color:var(--hsdir-muted);border:1px dashed var(--hsdir-border);border-radius:var(--hsdir-radius)}