/* Search results — the page the note search form leads to.
   The shell only: the breadcrumb rhythm, the heading, the result grid, the
   empty state and the page links. The note card (.note-card) and the shared
   search form (.notes-search) are rendered on this page too, but their base
   look is defined in assets/css/page-blog.css, the sheet the index owns, so the
   two surfaces stay identical and neither sheet restates the other.
   This sheet is enqueued site-wide (functions.php), so every rule is scoped to
   .site-main--search or .search-page. */

/* The shell owns its own spacing, the way the page templates' mains do, so the
   breadcrumb sits at the top of the page and the sections below it keep their
   rhythm. The breadcrumb is a child of <main> rather than of the container, so
   it keeps its own gutter and its left edge lines up with the shell below it;
   the .breadcrumbs rules themselves are the ones single-post.css carries. */
.site-main--search{padding-block:0}
.site-main--search .breadcrumbs{padding-bottom:var(--space-1)}
.search-page{padding-top:var(--space-1);padding-bottom:var(--section-space)}

/* -------------------------------------------------------------- Heading -- */
.search-page__header{max-width:70ch;padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-line)}
.search-page__title{margin:0 0 12px;font-size:clamp(28px,3.4vw,42px);max-width:26ch}
.search-page__lede{margin:0;font-size:17px;color:var(--color-muted)}

/* The results use the shared .cards grid, with the index's own spacing above it
   so the two surfaces read the same. */
.search-page .notes-grid{margin-top:var(--space-4)}

/* ---------------------------------------------------- Nothing was found -- */
/* The form, the topics that exist and the way to the inquiry form stay on the
   page, instead of an empty list under a heading that promises results. */
.search-page__empty{padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-pale)}
.search-page__empty-lead{margin:0 0 8px;font-size:19px;font-weight:600;color:var(--color-heading)}
.search-page__empty > p{max-width:60ch}
.search-page__empty .notes-search{margin-top:var(--space-3)}
.search-page__empty .notes-filter{margin-top:var(--space-3)}
.search-page__empty .actions{margin-top:var(--space-3)}

/* --------------------------------------------------------------- Paging -- */
.search-page .notes-paging{margin-top:var(--space-5)}

@media(max-width:760px){
  .search-page__header{padding-bottom:var(--space-2);margin-bottom:var(--space-2)}
  .search-page__empty{padding:var(--space-3)}
  .search-page .notes-paging{margin-top:var(--space-4)}
}