@charset "utf-8";
#search_content{flex:auto;
	&>.inner{max-width:var(--MaxContentWidth);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;}
}


#search_default{display:flex;flex-direction:column;gap:var(--spacing);max-width:50em;margin:var(--spacing) auto;
	#universal_search{
		.cpt-search{--CPT-US:4em;width:auto;}
		#universal_search_dropdown{inset-block-start:5em;}
	}
	.tips{text-align:center;}
}


#search_result{display:grid;grid-template-columns:clamp(25em,30%,30em) 1fr;gap:var(--spacing);align-items:start;
	&>.aside{position:sticky;z-index:1;inset-block-start:calc(var(--main-nav-height) * 1px + var(--spacing));display:flex;flex-direction:column;gap:1em;background-color:var(--background-color-L1,#fff);border-radius:1em;padding:var(--spacing);}
	&>.content{display:flex;flex-direction:column;gap:var(--spacing);}
	#universal_search{
		.cpt-search{--CPT-US:4em;}
		#universal_search_dropdown{inset-block-start:5em;}
	}
	@media only screen and (max-width:800px){display:flex;flex-direction:column;align-items:unset;
		&>.aside{position:unset;}
		#search_result_category{flex-direction:row;flex-wrap:wrap;}
	}
	@media only screen and (max-width:480px){
		&>.aside{background-color:unset;border-radius:unset;padding:unset;}
		.search_result_list{margin-inline:calc(var(--spacing) * -1);}
	}
}
#search_result_category{display:flex;flex-direction:column;
	.category{display:grid;grid-template-columns:1fr auto;gap:1em;align-items:center;padding:1em 1.5em;color:inherit;border-radius:var(--CPT-BDR);transition:color 300ms,background-color 300ms;
		&:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
		&::after{content:attr(data-search-counter);display:block;min-width:1.5em;height:1.5em;padding-inline:.25em;box-sizing:border-box;font-weight:var(--SiteFW-B);text-align:center;border-radius:.5em;background-color:var(--body-text-color-a5);}
		&>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	}
}
.search_result_list{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);background-color:var(--background-color-L1);border-radius:1em;scroll-margin-block-start:calc(var(--main-nav-height) * 1px + var(--spacing));
	& h3{font-size:var(--SiteFS);font-weight:var(--SiteFW);}
}