[Bing] Smart Bing Style Tweaks by slsk8be

/* ==UserStyle==
@name         [Bing] Search result Little improvement
@version      20230910.13.14
@namespace    userstyles.world/user/slsk8be
@description  Correct text size and color, adjust space in search results, and place a boater to improve visibility of search results.
@author       slsk8be
@license      MIT License
==/UserStyle== */

@-moz-document regexp("https://www\\.bing\\.com/search\\?.*") {
:root {
	/*   PRIMARY   */
	--st-primary-light: #eee7fb;
	--st-primary-mid: #9371e9;
	--st-primary-dark: #3b24cf;

	/*   SECONDASRY   */
	--st-secondary-light: #f9eeff;
	--st-secondary-mid: #be6be3;
	--st-secondary-dark: #a565ea;

	/*   TERJTIARY   */
	--st-tertiary-light: #e3f2ff;
	--st-tertiary-mid: #62b5ff;
	--st-tertiary-dark: #2463cf;
}




/**───────────────────────────────────
 
                               navbar

───────────────────────────────────**/
/* ワイドスクリーン中央寄せ */
@media screen and (min-width: 1920px){
	#b_header .b_scopebar,
	#b_header #sb_form{
		position: absolute;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	#b_header .b_scopebar{z-index:1;left: calc(40%);}
	#b_header #sb_form{z-index: ;left: calc(40% + 180px);}
	
}

/* Navbar sticky and blur */
@media screen and (min-width: 1200px) {
	header#b_header {
		position: sticky;
		top: 0px;
		z-index: 1000 !important;
		background: #eee7fb52 !important;
		backdrop-filter: blur(30px) saturate(200%);
	}
}

/**───────────────────────────────────
 
                               メイン列

───────────────────────────────────**/
/* 中央寄せ */
#b_content{
	margin-left:auto;
	margin-right:auto;
	max-width: 1920px!important
}
#b_results {
	width: 65%;
	max-width: 850px;
}

#b_results>li:first-child {
	padding-top: 15px
}

#b_results>li.b_ans.b_topborder {
	margin-top: 15px
}

#b_results>.b_algo {
	padding: 5px 20px;
	margin: 0;
}

#b_context {
	margin-left: 5%
}



@media screen and (max-width: 1600px) {
	#b_results {
		width: 50%;
	}
}

@media screen and (max-width: 1200px) {
	#b_results {
		width: calc(100vw - 425px);
	}

	.b_respl #b_content {
		--lgutter: 18px;
		--lgutterrev: -18px;
		--polepadl: 38px;
		--polepadl2: 38px;
		--dtabpadl: 12px;
		--crleft: 706px;
	}
}

@media screen and (max-width: 900px) {
	#b_results {
		width: calc(100vw - 75px);
	}
}

/**───────────────────────────────────
 
                           メイン列　検索結果

───────────────────────────────────**/
#b_results>li.b_ans,
#b_results>li.b_algo,
#b_results>li.b_ans b_rs {
	padding: 1rem 1.5rem .5rem 1.5rem!important;
	position: relative;
	width: 100%!important;
}

/* 検索結果ホバー時 */
#b_results>li{
	border-radius: 12px;
	transition: backgound .25s ease
}
#b_results>li:hover{
	background: #faf8ff;
}

/* BingChatを開くボタン */
#mfa_root {
	display: none;
}

/* 検索結果区切り線 */
#b_results>.b_algo::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 1.5rem;
	height: 1px;
	width: calc(100% - 1.5rem);
	background: #eee;
	visibility: visible;
}

/*   site title   */
#b_results h2 {
	position: relative;
	padding: .4em 0!important;
}

#b_results h2 a,
#b_results h2 a strong{
	font-weight: 600!important;
	color: var(--st-primary-dark);
	font-size: 1.175rem;
	letter-spacing: .02em;
	opacity: 1;
}

#b_results p {
	line-height: 1.8;
	letter-spacing: .011em
}

/* 更に詳しく探す */
.recommendationsTableTitle {
	display: none;
}

/*  類似サイトのアイコン    */
.b_gfa_cntr .b_gfa_icon,
.pageRecoContainer .b_fpl_cntr .b_fpl_icon {
	opacity: .75;
}

/* 類似サイトのurl */
cite,
#b_results cite.sb_crmb a,
#b_results cite a.sb_metalink,
#b_results .b_adurl cite a,
#bk_wr_container cite a {
	background-color: var(--st-secondary-light)!important;
	border-radius: 12px!important;
	font-size: .8rem!important;
	padding: .15em .75em;
	color: var(--st-secondary-dark)!important;
}

/* top result */
input#c0 {
	width: calc(100% - 150px)!important;
}

.b_deeplinks_block_container ul {
	width: calc(50% - 6px)!important;
}

/* 広告非表示 */
.b_ad,
.b_ad.b_adTop,
.b_ad.b_adMiddle {
	display: none;
}

/* 関連する検索 */
#b_results #brsv3 {
	width: 100%!important;
}

#b_results #brsv3>ul>li {
	width: calc(50% - 8px)!important;
}


/**───────────────────────────────────
 
                           他の人はこちらも質問

───────────────────────────────────**/
/*   header   */
.df_alaskcarousel .df_qntext::before {
	content: "?";
	padding: 0 6px;
	border-radius: 50%;
	letter-spacing: 0;
	background-color: var(--st-tertiary-light);
	margin-right: 6px;
}

.df_alaskcarousel .df_qntext {
	border-bottom: #eee solid 1px;
	padding-bottom: .5rem;
	margin-bottom: .5rem;
}

/*   body   */
#b_results #df_listaa .b_vPanel .df_hd .b_primtxt {
	color: #8b8b8b;
	font-size: 0.9rem!important;
}

.richrsrailsuggestion_text {
	font-size: 0.95rem!important;
}

.richrsrailexpansion .b_expansion_text.b_1linetrunc {
	font-weight: 600;
	font-size: .95rem;
}


/**───────────────────────────────────
 
                               サブ列

───────────────────────────────────**/
/* 関連キーワード */
.richrswrapper {
	box-shadow: none!important;
	border-radius: 6px;
	border: 1px solid #e3e3e3;
}

/*   header   */
.richrsrailtitle h2 {
	font-size: 1.1rem !important;
	font-weight: bold;
	padding: 5px;
}

/*   li   */
.richrsrailsuggestion_text {
	font-size: .9rem;
	padding: 5px;
}

.richrsrailsuggestion_text strong {
	font-weight: normal!important;
}
}