/* Explore: page layout only. Buttons, tabs and search reuse the shared components. */
.explore-page { display: grid; gap: var(--ui-space-6); padding-block: var(--ui-space-8) var(--ui-space-8); }
.explore-header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 380px); align-items: end; gap: var(--ui-space-6); }
.explore-header p { margin-top: var(--ui-space-2); color: var(--secondary); font-size: var(--ui-text-body); line-height: 24px; }
.explore-search { margin: 0; }
.explore-kinds { display: flex; flex-wrap: wrap; }
.explore-count { color: var(--muted); font-weight: 400; }
.explore-note { color: var(--secondary); }
.explore-note a { color: var(--link); }
.explore-section { display: grid; gap: var(--ui-space-3); }
.explore-section h2 { font-size: var(--ui-text-title); line-height: 28px; font-weight: 600; }
.explore-subject { display: flex; align-items: center; gap: var(--ui-space-3); min-width: 0; padding: var(--ui-space-4); border: 1px solid var(--line); border-radius: var(--ui-radius-panel); background: var(--paper); }
.explore-subject .explore-item-text { flex: 1; }
.explore-subject .ui-button { flex: none; }
.explore-avatar { display: grid; flex: none; place-items: center; width: 40px; height: 40px; border-radius: var(--ui-radius-pill); background: var(--raised); color: var(--ink); font-weight: 600; }
.explore-item-text { display: grid; gap: 2px; min-width: 0; }
.explore-item-name { font-size: var(--ui-text-body); font-weight: 600; line-height: 24px; overflow-wrap: anywhere; }
.explore-item-label { margin-left: var(--ui-space-1); color: var(--muted); font-size: var(--ui-text-caption); font-weight: 400; }
.explore-item-description { color: var(--secondary); font-size: var(--ui-text-control); line-height: 20px; }
.explore-item-meta { color: var(--muted); font-size: var(--ui-text-caption); line-height: 16px; }
.explore-item-meta a { color: var(--link); }
.explore-subjects { display: flex; gap: var(--ui-space-2); overflow-x: auto; padding-block: 2px; scrollbar-width: thin; }
.explore-chip { display: inline-flex; flex: none; align-items: center; gap: 6px; min-height: 32px; padding: 4px 12px; border: 1px solid var(--line-strong); border-radius: var(--ui-radius-pill); background: var(--paper); color: var(--ink); font-size: calc(var(--ui-text-caption) + 1px); line-height: 20px; text-decoration: none; transition: background-color 140ms; }
.explore-chip:hover { background: var(--raised); }
.explore-chip:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.explore-chip .lucide { width: 13px; height: 13px; }
.explore-feed { padding: 0; }
.explore-status:empty { display: none; }
@media (max-width: 820px) {
  .explore-page { padding-block: var(--ui-space-6); gap: var(--ui-space-4); }
  .explore-header { grid-template-columns: 1fr; gap: var(--ui-space-4); }
  .explore-subject { padding: var(--ui-space-3); }
  .explore-chip { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) { .explore-chip { transition: none; } }