scapegoat/Docs2.git

			@@ -3,20 +3,25 @@
			.search {
			min-width: fit-content;
			max-width: 14rem;
			flex-grow: 0.3;
			@media all and ($mobile) {
			flex-grow: 0.3;
			}

			& > #search-icon {
			& > .search-button {
			background-color: var(--lightgray);
			border: none;
			border-radius: 4px;
			font-family: inherit;
			font-size: inherit;
			height: 2rem;
			padding: 0;
			display: flex;
			align-items: center;
			text-align: inherit;
			cursor: pointer;
			white-space: nowrap;

			& > div {
			flex-grow: 1;
			}
			width: 100%;
			justify-content: space-between;

			& > p {
			display: inline;
			@@ -37,7 +42,7 @@
			}
			}

			& > #search-container {
			& > .search-container {
			position: fixed;
			contain: layout;
			z-index: 999;
			@@ -53,12 +58,16 @@
			display: inline-block;
			}

			& > #search-space {
			& > .search-space {
			width: 65%;
			margin-top: 12vh;
			margin-left: auto;
			margin-right: auto;

			@media all and not ($desktop) {
			width: 90%;
			}

			& > * {
			width: 100%;
			border-radius: 7px;
			@@ -82,7 +91,7 @@
			}
			}

			& > #search-layout {
			& > .search-layout {
			display: none;
			flex-direction: row;
			border: 1px solid var(--lightgray);
			@@ -93,11 +102,11 @@
			display: flex;
			}

			&[data-preview] > #results-container {
			&[data-preview] > .results-container {
			flex: 0 0 min(30%, 450px);
			}

			@media all and (min-width: $tabletBreakpoint) {
			@media all and not ($mobile) {
			&[data-preview] {
			& .result-card > p.preview {
			display: none;
			@@ -123,7 +132,7 @@
			border-radius: 5px;
			}

			@media all and (max-width: $tabletBreakpoint) {
			@media all and ($mobile) {
			& > #preview-container {
			display: none !important;
			}
			@@ -141,7 +150,8 @@
			scroll-margin-top: 2rem;
			}

			& > #preview-container {
			& > .preview-container {
			flex-grow: 1;
			display: block;
			overflow: hidden;
			font-family: inherit;
			@@ -155,9 +165,13 @@
			margin: 0 auto;
			width: min($pageWidth, 100%);
			}

			a[role="anchor"] {
			background-color: transparent;
			}
			}

			& > #results-container {
			& > .results-container {
			overflow-y: auto;

			& .result-card {