.explore-main .archive-header .search-form { max-width: 720px; margin-top: 32px; }
.explore-topic { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 26px 54px 26px 26px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(135deg, rgba(155,66,255,.12), rgba(255,255,255,.025)); transition: border-color .2s, background .2s; }
.explore-topic:hover { border-color: var(--accent); background: rgba(155,66,255,.16); }
.explore-topic-name { font-size: 1.16rem; font-weight: 650; }
.explore-topic-count { color: var(--muted); font-size: .88rem; }
.explore-main .section-heading h2 { margin: 0; font-size: clamp(1.5rem, 3vw, 2rem); }
.explore-main .section-heading { margin-bottom: 24px; }
.explore-main .search-field:focus-visible { outline: 2px solid #c89cff; outline-offset: 3px; }

/* Put reading first; browsing topics takes one compact row. */
.explore-main--compact .archive-header { margin:0; padding:24px 28px; border:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.explore-main--compact .archive-header h1 { margin:0 0 8px; font-size:clamp(2rem,4vw,3rem); }
.explore-main--compact .archive-header > p { margin:0; font-size:1rem; }
.explore-main--compact .archive-header .search-form { margin:18px 0 0; max-width:720px; }
.blog-topic-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.blog-topic-chips a { display:inline-flex; align-items:center; gap:8px; padding:7px 12px; border:1px solid #ffffff20; border-radius:999px; color:var(--ink); background:#ffffff08; font-size:.85rem; text-decoration:none; }
.blog-topic-chips a:hover { background:#b783ef25; border-color:#cba5ff70; }
.blog-topic-chips a span { color:var(--muted); font-size:.75rem; }
.blog-topics-mobile { display:none; }
.explore-main--compact .archive-results { padding:24px 28px; }
.explore-main--compact .archive-results .section-heading { margin-bottom:18px; gap:12px; }
.explore-main--compact .archive-results .section-heading > a { font-size:.8rem; }
@media(max-width:700px) {
 .explore-main--compact .archive-header { padding:8px 4px 0; }
 .explore-main--compact .archive-header .search-form { flex-direction:row; gap:8px; margin-top:14px; }
 .explore-main--compact .search-form label { flex:1; min-width:0; }
 .explore-main--compact .search-field { min-width:0; width:100%; padding:12px 14px; }
 .explore-main--compact .search-submit { padding:12px 16px; }
 .blog-topics-desktop { display:none; }
 .blog-topics-mobile { display:block; margin-top:12px; }
 .blog-topics-mobile summary { display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:10px 14px; border:1px solid #ffffff24; border-radius:16px; background:#ffffff08; cursor:pointer; font-size:.9rem; list-style:none; }
 .blog-topics-mobile summary::-webkit-details-marker { display:none; }
 .blog-topics-mobile[open] summary span { transform:rotate(180deg); }
 .explore-main--compact .archive-results { padding:18px 14px; }
 .explore-main--compact .archive-results .section-heading { flex-wrap:wrap; }
}