.search-hero { padding: 64px 0 70px; color: var(--white); background: var(--black); }
.search-hero .breadcrumb { color: #aeb5b0; }
.search-hero__kicker { margin: 0; color: #8ac0bc; font-size: 12px; font-weight: 800; }
.search-hero h1 { margin: 12px 0; font-family: "Songti SC", STSong, serif; font-size: 44px; line-height: 1.3; }
.search-hero > .site-container > p:not(.search-hero__kicker) { margin: 0; color: #c8ceca; }

.search-form { display: flex; width: min(720px, 100%); margin-top: 28px; }
.search-form input { min-width: 0; flex: 1; height: 50px; padding: 0 16px; border: 1px solid #4c524e; outline: 0; color: var(--white); background: #222522; }
.search-form input:focus { border-color: #8ac0bc; }
.search-form button { min-width: 108px; border: 0; color: var(--white); cursor: pointer; background: var(--red); }
.search-form button:hover { background: #8f2c24; }

.search-directory, .search-results { padding: 72px 0 82px; }
.search-directory__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--ink); border-left: 1px solid var(--line); }
.search-directory__grid a { display: flex; min-height: 110px; flex-direction: column; justify-content: space-between; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--white); }
.search-directory__grid a:hover { color: var(--white); background: var(--teal); }
.search-directory__grid strong { font-family: "Songti SC", STSong, serif; font-size: 20px; }
.search-directory__grid span { color: var(--muted); font-size: 12px; }
.search-directory__grid a:hover span { color: #d7e8e6; }

.search-results__head { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding-bottom: 16px; border-bottom: 1px solid var(--ink); }
.search-results__head h2 { margin: 0; font-family: "Songti SC", STSong, serif; font-size: 30px; }
.search-results__head span { color: var(--muted); font-size: 13px; }
.search-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.search-item { min-height: 200px; padding: 26px 28px 26px 0; border-bottom: 1px solid var(--line); }
.search-item:nth-child(even) { padding-left: 28px; border-left: 1px solid var(--line); }
.search-item > div { display: flex; justify-content: space-between; gap: 14px; color: var(--muted); font-size: 12px; }
.search-item > div a { color: var(--red); font-weight: 700; }
.search-item h3 { margin: 14px 0 8px; font-family: "Songti SC", STSong, serif; font-size: 21px; }
.search-item p { margin: 0; color: var(--muted); font-size: 14px; }
.search-pager { margin-top: 28px; }

@media (max-width: 720px) {
    .search-hero { padding: 48px 0 54px; }
    .search-hero h1 { font-size: 34px; }
    .search-form button { min-width: 88px; }
    .search-directory, .search-results { padding: 56px 0 64px; }
    .search-directory__grid, .search-list { grid-template-columns: 1fr; }
    .search-item, .search-item:nth-child(even) { padding: 22px 0; border-left: 0; }
}