.search{
	padding: 2vh 0 2vh 0;
	color: var( --text-dark );
}

.search-grid{
	display: grid;
	grid-template-columns: minmax(2rem, 1fr) minmax(320px, var( --page-width ) ) minmax(2rem, 1fr);
	width: 100%;
}

.search-content{
	grid-column: 2; 
	padding: 4rem 0 0 0;
	background-color: var( --bg-page ); 
}
.search-header, .search-results-header, .search-results-body, .search-tips-box-content { 
	max-width: 640px;
	margin: 0 auto;
}

.search-title { 
	font-family: var(--font-sans); 
	font-size: 2rem;
	font-weight: 800; 
	opacity: 0.4;
	color: var( --text-dark ); 
	padding: 2vh 0 2vh 0;
}
.search .search-results-header { 
	text-align: left; margin-bottom: 2rem; padding-bottom: 0; 
}
.search .search-results-body{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.search-titles {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-weight: 400;
	font-size: 1rem; 
}
.search-results-title { 
	font-family: var(--font-sans); 
	font-size: 1em; 
	font-weight: 500; 
	font-style: italic;
	line-height: 1.15; 
	margin: 1.5rem 0; 
	color: var( --text-dark ); 
}
.search-results-title[tabindex="-1"]:focus {
  outline: none;
}

.search-form{}
.search-form .search-input-wrapper{
	display: grid;
	grid-template-columns: 1fr 4rem;
	justify-content: space-between;
	padding: 0;
	gap: 1rem;
}
.search-form .search-input-wrapper INPUT{
	padding: 1rem 1.5rem 1rem 1em;
	font-family: var( --font-sans );
	font-size: 1.1rem;
	font-weight: 500;
	border: none;
	background: var( --accent-light );
	border: solid 1px var( --bg-color-light );
	color: var( --text-dark ); 
	border-radius: 6px;
}
.search-form .search-input-wrapper INPUT::placeholder{
	color: var( --text-dark ); 
	opacity: 0.5;
	font-style: italic;
	font-weight: 500;
	font-size: 0.9rem;
}
.search-form .search-input-wrapper BUTTON{
	display: grid;
	place-items: end start;
	background: var( --bg-color-medium );
	color: var( --text-light );
	font-size: 0.75rem;
	text-transform: uppercase;
	font-weight: 500;
	border-radius: 6px;
	cursor: pointer;
	padding: 0.75rem;
	border: none;
}
.search-results{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 3rem auto 5rem auto;
	row-gap: 3em;
	width: 100%;
}
.search-result{
	position: relative;
}
.search-result-body{
	display: flex;
	flex-direction: column;
	row-gap: 1em;
	position: relative;
}
.search-result-title{
	color: var( --link-dark );
}
.search-result-title A{
	color: inherit;
}
.search-result-number{
	font-weight: 700;
	opacity: 0.4;
}

.search-tips-box{
	color: var( --text-dark );
	background-color: var( --bg-color-light );
	padding: 4vh 0;
}

.search-tips-box-content{
	display: flex;
	flex-direction: column;
	row-gap: 0.75rem;
	grid-column: 2;
	font-size: 0.9rem;
	font-weight: 500;
}
.search-tips-box .title{
	font-size: 0.85rem;
	font-weight: 600;
}