/* Discovery surfaces: Kept, search, topics and the 404 trail. */
.kept-wall-note {
  margin: 0 0 28px;
  color: var(--ink-muted);
  font-family: var(--font-mono);
  font-size: .875rem;
  letter-spacing: .04em;
}
.kept-wall-note span { color: var(--accent); margin-right: 8px; }
.art-wall .kept-piece:target { outline: 3px solid var(--secondary); outline-offset: 5px; }

.search-page > div { max-width: 940px; }
.search-header { display: block; }
.search-header .page-eyebrow { grid-column: 1 / -1; }
.search-header h1 { margin-bottom: 16px; }
.search-description { margin-bottom: 8px; }
.search-container { margin-top: 24px; }
.search-filters summary { width: fit-content; cursor: pointer; min-height: 44px; align-content: center; font-family: var(--font-body); font-size: .875rem; color: var(--ink-muted); }
.search-stats { display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--rule); padding-bottom: 12px; }
.search-stats a { color: var(--accent); }
.search-result { position: relative; display: grid; grid-template-columns: 135px minmax(0, 1fr) 32px; gap: 8px 28px; padding: 26px 8px; }
.search-result .meta { grid-row: 1 / 3; display: block; }
.search-result .meta span { display: block; }
.search-result .search-kind { color: var(--accent); }
.search-result .search-result-tags { margin-top: 7px; color: var(--ink-faint); line-height: 1.5; text-transform: none; letter-spacing: 0; }
.search-result h2, .search-result > p:not(.meta) { grid-column: 2; }
.search-result-arrow { grid-column: 3; grid-row: 1 / 3; align-self: center; color: var(--ink-faint); transition: transform var(--t-fast), color var(--t-fast); }
.search-result:has(a:hover) .search-result-arrow { color: var(--accent); transform: translateX(4px); }
/* The whole card is the link target, matching the hover affordance */
.search-result h2 a::after { content: ''; position: absolute; inset: 0; }
.search-result mark { color: inherit; background: var(--secondary-wash); }
.search-fallback ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 0; list-style: none; }
.search-fallback li:last-child, .search-fallback li:nth-last-child(2) { grid-column: auto; }
.search-fallback a { display: grid; gap: 6px; height: 100%; padding: 16px; border: 1px solid var(--rule); text-decoration: none; }
.search-fallback a span { color: var(--ink-muted); font-size: .9rem; }

.topic-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
.topic-list a { position: relative; display: grid; grid-template-columns: 34px 1fr auto; gap: 6px 14px; min-height: 126px; padding: 24px 16px 24px 0; border: 0; border-bottom: 1px solid var(--rule); border-radius: 0; }
.topic-list a:hover { background: var(--paper-raised); }
.topic-count { grid-row: 1 / 3; color: var(--accent); font-family: var(--font-mono); font-size: .875rem; }
.topic-list strong { font-family: var(--font-display); font-size: 1.45rem; font-weight: 500; }
.topic-preview { color: var(--ink-muted); font-size: .88rem; line-height: 1.4; }
.topic-arrow { grid-column: 3; grid-row: 1 / 3; align-self: center; color: var(--ink-faint); }
.topic-next { margin: 52px 0 72px; padding-top: 20px; border-top: 1px solid var(--rule); }

.notfound { max-width: 980px; }
.lost-map { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 820px; margin: 48px auto; text-align: left; }
.lost-map a { display: grid; gap: 7px; min-height: 100px; padding: 16px; }
.lost-map a:hover { background: var(--paper-raised); }
.lost-map strong { font-family: var(--font-display); font-size: 1.12rem; font-weight: 500; }
.lost-map small { color: var(--ink-muted); line-height: 1.4; }

@media (max-width: 960px) {
  .art-wall .grid { grid-template-columns: minmax(0, 1fr); max-width: 700px; margin-inline: auto; }
  .art-wall .kept-piece, .art-wall .kept-painting + .kept-words { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .art-wall .kept-piece, .art-wall .kept-piece:nth-child(even) { transform: none; }
  .search-header { grid-template-columns: 1fr; gap: 18px; }
  .search-container { margin-top: 24px; }
  .search-result { grid-template-columns: 1fr 24px; gap: 8px 14px; }
  .search-result .meta { grid-column: 1; grid-row: auto; display: flex; gap: 10px; }
  .search-result .search-result-tags { margin-top: 0; }
  .search-result h2, .search-result > p:not(.meta) { grid-column: 1; }
  .search-result-arrow { grid-column: 2; grid-row: 1 / 4; }
  .search-fallback ul, .topic-list, .lost-map { grid-template-columns: 1fr; }
  .topic-list a:nth-child(odd) { border-right: 0; }
  .lost-map a { min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .art-wall .kept-piece, .art-wall .kept-piece:nth-child(even) { transform: none; }
}
.search-result .meta, .search-stats, .topic-post-list .post-num, .topic-post-list .post-meta { font-size: .875rem; text-transform: none; letter-spacing: 0; }
.masthead-creative .kicker { font-size: .875rem; text-transform: none; letter-spacing: 0; }
.masthead-creative .kicker::before { content: none; }