/* Search-first ordering follows DOM order for keyboard and screen reader users. */
.guides-page .guides-index-main > * { order: 0; }
.guides-page .guides-hero { margin-bottom: 16px; padding: 24px 20px; }
.guides-page .guides-index-main .guide-search { margin: 0 0 22px; scroll-margin-top: 90px; }
.guides-page .guide-search-entry { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
.guides-page.is-guide-searching #guide-search-input::-webkit-search-cancel-button { -webkit-appearance: none; }
.guides-page .guide-search-submit,
.guides-page .guide-search-pagination a,
.guides-page .guide-search-pagination button {
  display: inline-flex; justify-content: center; align-items: center; min-height: 44px;
  padding: 10px 18px; border: 1px solid #1d4ed8; border-radius: 12px;
  background: #1d4ed8; color: #fff; font: inherit; font-weight: 750; text-decoration: none; cursor: pointer;
}
.guides-page .guide-search-pagination [hidden] { display: none; }
.guides-page .guide-search-options { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin: 10px 0; color: #334155; font-size: .87rem; }
.guides-page .guide-search-options select { min-height: 44px; max-width: 100%; border-radius: 9px; padding: 8px; border: 1px solid #94a3b8; background: #fff; color: #1e293b; font: inherit; }
.guides-page .guide-browse-link { display: inline-flex; align-items: center; min-height: 44px; color: #1d4ed8; }
.guides-page .guides-index-main .guide-search-tag { min-height: 44px; text-decoration: none; flex: none; }
.guides-page .guide-search-global-item { padding: 0; }
.guides-page .guide-search-global-item a { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 12px; padding: 16px; width: 100%; box-sizing: border-box; }
.guides-page .guide-search-global-item a::before { content: none; }
.guides-page .guide-search-global-item a:hover { background: #eff6ff; text-decoration: none; border-radius: inherit; }
.guides-page .guide-search-global-item a:hover strong { text-decoration: underline; }
.guides-page .guide-search-global-item .meta { display: block; grid-column: 1 / -1; margin: 0; font-weight: 400; font-size: .9rem; line-height: 1.65; }
.guides-page .guide-result-category { align-self: start; font-size: .75rem; border-radius: 6px; padding: 3px 7px; background: #e0f2fe; color: #075985; white-space: nowrap; }
.guides-page .guide-search-pagination { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 14px; }
.guides-page .guide-search a:focus-visible,
.guides-page .guide-search button:focus-visible,
.guides-page .guide-search select:focus-visible { outline: 3px solid #0ea5e9; outline-offset: 3px; }
.guides-page .guide-featured-icon img { width: 40px; height: 40px; object-fit: contain; }
.guides-page .guide-featured-copy strong { display: block; }
.guides-page .guide-featured-copy span { display: block; }
.guides-page #guide-categories { scroll-margin-top: 90px; }
.guides-page.dark-mode .guides-index-main .guide-search,
.guides-page.dark-mode .guide-featured-link { background: #15243a; border-color: #415976; color: #f1f5f9; }
.guides-page.dark-mode .guide-search-label,
.guides-page.dark-mode .guide-featured-copy strong,
.guides-page.dark-mode .guide-featured-head h2 { color: #f1f5f9; }
.guides-page.dark-mode .guide-search-input-wrap input,
.guides-page.dark-mode .guide-search-options select { background: #0c1829; border-color: #6b84a2; color: #f1f5f9; }
.guides-page.dark-mode .guide-search-input-wrap input::placeholder { color: #a7b8cc; }
.guides-page.dark-mode .guide-search-options,
.guides-page.dark-mode .guide-search-hint,
.guides-page.dark-mode .guide-search-global-item .meta,
.guides-page.dark-mode .guide-featured-copy span,
.guides-page.dark-mode .guide-featured-head p { color: #c0ccdc; }
.guides-page.dark-mode .guide-search-global-item { background: #102037; border-color: #415976; }
.guides-page.dark-mode .guide-search-global-item a,
.guides-page.dark-mode .guide-browse-link { color: #a4d4ff; }
.guides-page.dark-mode .guide-search-global-item a:hover { background: #223a55; }
.guides-page.dark-mode .guides-index-main .guide-search-tag,
.guides-page.dark-mode .guide-result-category { background: #213e5c; border-color: #577391; color: #d3edff; }
.guides-page.dark-mode .guide-search-clear { background: #27415e; color: #fff; }
@media(max-width: 600px) {
  .guides-page .guides-hero { padding: 18px 14px; }
  .guides-page .guides-hero h1 { font-size: 1.5rem; }
  .guides-page .guide-search-entry { grid-template-columns: minmax(0,1fr); gap: 8px; }
  .guides-page .guide-search-submit { width: 100%; }
  .guides-page .guide-search-global-item a { grid-template-columns: minmax(0,1fr); gap: 6px; }
  .guides-page .guide-result-category { justify-self: start; }
  .guides-page .guide-featured-grid { grid-template-columns: minmax(0,1fr); }
}