.t10-searchpage{padding: 10px 0 110px}.t10-sp-bar{display: flex;align-items: center;gap: 14px;padding: 8px 26px;border: 2px solid var(--t10-ink);border-radius: 999px;background: var(--t10-paper);box-shadow: 4px 4px 0 var(--t10-ink);transition: .2s}.t10-sp-bar:focus-within{background: var(--t10-yellow)}.t10-sp-bar svg{flex: none}.t10-sp-bar input{flex: 1;min-width: 0;border: 0;background: transparent;outline: none;padding: 16px 0;font-family: var(--t10-display);font-size: clamp(1.1rem,2.4vw,1.6rem);font-weight: 700;letter-spacing: -0.02em;color: var(--t10-ink)}.t10-sp-bar input::placeholder{color: #8a867d}.t10-sp-count{margin: 26px 0 22px;font-family: var(--t10-mono);font-size: 11px;letter-spacing: .08em;text-transform: uppercase;color: var(--t10-soft);min-height: 1em}.t10-sp-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 22px}.t10-sp-grid > a{display: block;overflow: hidden;border: 2px solid var(--t10-ink);border-radius: var(--t10-r-lg);background: var(--t10-paper);transition: .25s var(--t10-out)}.t10-sp-grid > a:hover{transform: translate(-3px,-3px);box-shadow: 6px 6px 0 var(--t10-ink)}.t10-sp-grid > a > img{width: 100%;aspect-ratio: 4/5;object-fit: cover;display: block;border-bottom: 2px solid var(--t10-ink);background: var(--color-bg-light)}.t10-sp-grid > a > div{padding: 16px 18px 18px}.t10-sp-grid .search-result-name{margin: 0 0 6px;font-family: var(--t10-display);font-size: 16px;font-weight: 700;letter-spacing: -0.02em;color: var(--t10-ink)}.t10-sp-grid > a > div > div{font-family: var(--t10-mono);font-size: 13px;font-weight: 700;color: var(--t10-ink)}.t10-sp-note{text-align: center;padding: 50px 0;font-family: var(--t10-mono);font-size: 12px;letter-spacing: .06em;text-transform: uppercase;color: var(--t10-soft)}.t10-sp-note[hidden]{display: none}@media (max-width: 1000px){.t10-sp-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (max-width: 760px){.t10-sp-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px}.t10-sp-bar{padding: 4px 18px}}