.expert-archive [hidden] { display: none !important; }
.expert-toolbar { display:flex; justify-content:space-between; gap:24px; align-items:center; flex-wrap:wrap; border-bottom:1px solid #e5e7eb; padding-bottom:24px; }
.expert-tabs { display:flex; gap:12px; flex-wrap:wrap; }
.expert-tabs button, #expert-search-form button, #expert-retry { min-height:44px; padding:10px 18px; border-radius:6px; font:inherit; font-size:16px; color:#374151; background:#f3f6fa; }
.expert-tabs button[aria-pressed="true"] { background:#1e3a5f; color:#fff; }
.expert-toolbar :focus-visible, .expert-archive a:focus-visible, #expert-retry:focus-visible { outline:3px solid #3b82f6; outline-offset:3px; }
#expert-search-form { display:flex; gap:8px; max-width:100%; }
#expert-search { min-width:0; width:240px; border:1px solid #d6dfe9; border-radius:6px; padding:10px 12px; font:inherit; font-size:16px; }
.expert-count { color:#64748b; margin:24px 0; font-size:16px; }
#expert-message { color:#64748b; margin-bottom:20px; }
#expert-message:empty { display:none; }
.expert-category { color:#2563eb; font-size:14px; font-weight:600; }
.expert-cover { aspect-ratio:16/10; background:var(--gradient-primary); color:white; padding:28px; display:flex; flex-direction:column; justify-content:space-between; }
.expert-cover span { color:#bed0e7; font-size:13px; }
.expert-cover strong { font-size:26px; font-weight:600; }
@media(max-width:600px) { .expert-toolbar { align-items:stretch; } #expert-search-form { width:100%; } #expert-search { flex:1; } .expert-tabs { gap:6px; } .expert-tabs button { padding:10px 12px; } }