.search-result-grid{box-sizing:border-box;height:auto;display:grid;gap:var(--space-base)}.search-result-grid__item h2{margin-top:var(--margin-xs-2)}.search-result-grid__body{--scrollbar-foreground: var(--border-transparent-color);--scrollbar-background: var(--color-white);--scrollbar-width: 5px;overflow-y:auto;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;padding-right:var(--scrollbar-width);padding-bottom:var(--padding-sm);background:linear-gradient(#fff 30%,#fff0) center top,linear-gradient(#fff0,#fff 70%) center bottom,radial-gradient(farthest-side at 50% 0,#0003,#0000) center top,radial-gradient(farthest-side at 50% 100%,#0003,#0000) center bottom;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.search-result-grid__body::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.search-result-grid__body::-webkit-scrollbar-thumb{background:var(--scrollbar-foreground)}.search-result-grid__body::-webkit-scrollbar-track{background:var(--scrollbar-background)}.search-result-grid--full-width{grid-template-columns:1fr}@media (min-width: 1020px){.search-result-grid--two-cols{grid-template-columns:7fr 3fr}}@media (min-width: 1020px){.search-result-grid--two-cols .subcategory-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.search-result-grid--two-cols .subcategory-list-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.searched-page{--searched-page-icon-size: 24px;display:flex;align-items:center;gap:var(--margin-xs);border:3px solid var(--border-transparent-color);padding:var(--padding-xs) var(--padding-sm);border-radius:var(--border-radius);background-color:var(--color-white);transition:none}.searched-page:not(:last-child){margin-bottom:var(--margin-xs-2)}.searched-page:hover{text-decoration:underline;text-decoration-color:var(--color-txt-heading)}.searched-page__title{color:var(--color-txt-heading)}.searched-page__title{font-size:.9rem}@media screen and (min-width: 20rem){.searched-page__title{font-size:calc(.9rem + .1 * (100vw - 20rem) / 80)}}@media screen and (min-width: 100rem){.searched-page__title{font-size:1rem}}.searched-page__icon{flex:0 0 var(--searched-page-icon-size);width:var(--searched-page-icon-size);height:var(--searched-page-icon-size)}
