/* One browsing panel; existing article rows and illustration sizing stay unchanged. */
.article-browse-panel { margin:24px 0 12px; padding:24px; border:1px solid var(--line); border-radius:3px; background:var(--paper); }
.article-search-form { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr) auto; align-items:end; gap:18px 22px; margin:0; padding:0; border:0; }
.article-search-form[hidden],.article-pagination[hidden],.archive-entry[hidden],#article-empty[hidden] { display:none; }
.article-search-form label { display:block; margin:0 0 8px; color:var(--muted); font:600 12px/1.5 system-ui,sans-serif; letter-spacing:.07em; text-transform:uppercase; }
.article-search-row { display:flex; }
.article-search-form input,.article-search-form select,.article-search-form button,.article-pagination button { min-height:46px; border:1px solid var(--line); border-radius:3px; color:var(--ink); background:var(--input); font:400 16px/1.5 system-ui,sans-serif; padding:10px 13px; }
.article-search-form input { width:100%; min-width:0; border-radius:3px 0 0 3px; border-right:0; }
.article-topic-filter { position:relative; }
.article-search-form select { width:100%; appearance:none; padding-inline-end:46px; cursor:pointer; }
.article-topic-filter::after { content:""; position:absolute; right:18px; bottom:20px; width:8px; height:8px; border-right:2px solid var(--muted); border-bottom:2px solid var(--muted); transform:rotate(45deg); pointer-events:none; }
.article-search-form button,.article-pagination button { cursor:pointer; }
.article-search-row button { border-radius:0 3px 3px 0; color:var(--button-ink); background:var(--button); border-color:var(--button); }
.article-search-form .article-clear,.article-pagination button { padding:12px 16px; border:1px solid var(--line); border-radius:3px; background:var(--paper); color:var(--ink); font:650 15px/1.4 system-ui,sans-serif; text-decoration:none; white-space:nowrap; min-height:46px; }
.article-search-form :disabled,.article-pagination :disabled { cursor:default; opacity:.45; }
.article-search-form button:not(:disabled):hover,.article-pagination button:not(:disabled):hover { background:var(--hover); color:var(--ink); }
.article-search-form select:has(option:not([value=all]):checked) { border-color:var(--olive); box-shadow:inset 0 -2px var(--olive); }
.article-search-form :focus-visible,.article-pagination :focus-visible,#article-results:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
.article-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; margin:12px 0 24px; border:1px solid var(--line); border-radius:3px; background:var(--paper); font:14px/1.5 system-ui,sans-serif; }
.article-pagination span { text-align:center; color:var(--muted); font-variant-numeric:tabular-nums; }

#article-empty { padding:30px 0; color:var(--muted); }
@media(max-width:900px) { .article-search-form { grid-template-columns:minmax(0,1fr) minmax(180px,.8fr); } .article-clear { grid-column:1/-1; justify-self:start; } }
@media(max-width:640px) { .article-browse-panel { padding:20px; margin-top:20px; } .article-search-form { grid-template-columns:1fr; gap:14px; padding-bottom:0; } .article-search-form input { font-size:16px; } .article-search-form .article-clear { width:100%; margin:0; }   .article-pagination { gap:8px; padding:14px; } .article-pagination button { padding:8px 10px; }  }

.article-page-summary {display:grid;gap:3px;min-width:0;text-align:center;line-height:1.4}
.article-page-summary [data-article-result-count] {font:600 13px/1.4 system-ui,sans-serif;color:var(--ink)}
.article-page-summary [data-page-position] {font:12px/1.4 system-ui,sans-serif}
#article-results {scroll-margin-top:24px}