/* Quicksand inherited from the existing site; uses existing theme tokens. */
.blog-explorer{margin:0 0 32px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--panel)}
.blog-search-label{display:block;font-weight:700;font-size:20px;margin-bottom:12px}
.blog-search-input{display:block;box-sizing:border-box;width:100%;max-width:650px;min-height:48px;padding:11px 16px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--bg);font:inherit}
.blog-search-input::placeholder{color:var(--muted);opacity:1}
.blog-search-input:focus-visible,.blog-topic-filter:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.blog-topic-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.blog-topic-filter{min-height:44px;border:1px solid var(--line);border-radius:22px;padding:8px 16px;background:transparent;color:var(--text);font:inherit;cursor:pointer}
.blog-topic-filter[aria-pressed="true"]{background:var(--mint);color:var(--ink);border-color:var(--mint);font-weight:700}
.blog-result-count{color:var(--muted);font-size:14px;line-height:1.6;margin:16px 0 0}
.blog-grid .blog-card[hidden]{display:none!important}
.blog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:30px 0}
.blog-pagination a,.blog-pagination button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--panel);font:inherit;text-decoration:none;box-sizing:border-box}
.blog-pagination [aria-current="page"]{background:var(--mint);color:var(--ink);font-weight:700}.blog-pagination span{flex-basis:100%;text-align:center;color:var(--muted)}.blog-pagination[hidden]{display:none}.blog-pagination button:disabled{opacity:.45}.blog-pagination a:focus-visible,.blog-pagination button:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
@media(max-width:540px){.blog-explorer{padding:18px}.blog-topic-filter{padding:8px 12px;font-size:14px}.blog-search-label{font-size:18px}}