.search-solution .page-head { padding-block: 48px 56px; }
.search-solution .page-head h1 { font-size: clamp(2.25rem, 5vw, 4.25rem); max-width: 1100px; }
.search-actions { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; margin-top: 28px; }
.search-proof { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 4vw, 64px); padding-block: 48px; border-block: 1px solid #cbd7cf; align-items: center; }
.search-proof > *, .search-guide-link > * { min-width: 0; }
.search-proof h2 { font-size: clamp(1.9rem, 3.4vw, 3rem); line-height: 1.15; margin-block: 16px 22px; }
.search-proof p { max-width: 60ch; }
.search-proof figure { margin: 0; }
.search-proof img { display: block; width: 100%; height: auto; border: 1px solid #cbd7cf; border-radius: 12px; background: white; }
.search-proof figcaption { font-size: .875rem; color: #4c655f; margin-top: 12px; }
.search-result { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; padding-block: 18px; }
.search-result small, .search-result strong { display: block; }
.search-result small { font-size: .85rem; }
.search-result strong { font-size: clamp(1.4rem, 2.8vw, 2rem); font-variant-numeric: tabular-nums; }
.search-guide-link { display: flex; gap: 32px; align-items: center; justify-content: space-between; padding-block: 42px; }
.search-guide-link h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); max-width: 30ch; }
.search-guide-link .button { flex-shrink: 0; }
.search-solution .guide-prose h3 { font-size: 1.5rem; margin: 28px 0 12px; }
.search-article-meta { margin-block: -24px 32px; color: #4c655f; font-size: .9rem; }
.page-head:has(+ .search-article-meta) h1 { font-size: clamp(2rem, 4.5vw, 3.7rem); }
.search-article-meta a { color: inherit; text-decoration: underline; }
.article-layout > .guide-prose { min-width: 0; }
.search-definitions { margin: 24px 0; padding: 24px; background: #edf2eb; border-left: 3px solid #24594b; }
.search-definitions dt { font-weight: 750; margin-bottom: 8px; }
.search-definitions dd { margin: 0 0 22px; }
.search-definitions dd:last-child { margin-bottom: 0; }
.search-table-wrap { max-width: 100%; overflow-x: auto; margin-block: 28px; border: 1px solid #cbd7cf; border-radius: 8px; }
.search-table-wrap:focus-visible { outline: 3px solid #24594b; outline-offset: 3px; }
.search-table-wrap table { width: 100%; border-collapse: collapse; font-size: .95rem; line-height: 1.55; }
.search-table-wrap caption { text-align: left; padding: 18px; color: #4c655f; }
.search-table-wrap th, .search-table-wrap td { padding: 18px; text-align: left; vertical-align: top; border-top: 1px solid #cbd7cf; overflow-wrap: anywhere; min-width: 145px; }
.search-table-wrap thead { background: #183e35; color: #fff; }
.search-table-wrap tbody th { width: 24%; background: #edf2eb; }
.search-table-wrap code { white-space: normal; font-size: .9em; }
.search-note-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-block: 24px; }
.search-note-pair > div { min-width: 0; padding: 24px; border: 1px solid #cbd7cf; border-radius: 10px; }
.search-note-pair h3 { margin-top: 0; }
.search-note-pair blockquote { margin: 16px 0; font-size: 1.05rem; font-weight: 650; color: #173b31; }
.search-note-pair p { font-size: .9rem; }
@media (max-width: 800px) {
  .search-proof, .search-note-pair { grid-template-columns: 1fr; }
  .search-guide-link { flex-direction: column; align-items: flex-start; }
  .search-guide-link .button { white-space: normal; }
  .search-solution .page-head { padding-block: 32px 36px; }
  .search-proof { padding-block: 32px; }
  .search-table-wrap th, .search-table-wrap td { padding: 14px; }
}
