@charset "utf-8";
/*	◆ CSS Document ◆
ベースになるCSSコードや、:rootで変数にしたものはbase.cssにあります。
こちらは投稿ページの項目用のCSSです。 */

/*--------------------------------------------------
    投稿ページ 共通
--------------------------------------------------*/
#blog_ttl {
	background-image: url("../images/blog/hero/hero.webp");
	background-position-y: top;
}

#blog_archive,
#blog_post{
	text-align: center;
	margin-top: .6rem;
	background-image: url(../images/common/bg_circle.webp), url(../images/common/bg_circle.webp);
	background-position: calc(100% + -105%) 0, calc(100% + 10%) 105%;
	background-repeat: no-repeat, no-repeat;
	background-size: 5rem, 5rem;
}
#blog_archive h2 {
	color: var(--gold);
	font-size: .32rem;
	font-weight: 900;
	margin-bottom: .15rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;

}
	#blog_archive h2::before {
		content: "";
		background: url(../images/common/logo_symbol_gold.webp) no-repeat;
		display: block;
		width: 1.5rem;
		height: 1.5rem;
	}

#blog_archive .content_wrap,
#blog_post .content_wrap{
	align-items: flex-start;
	gap: .25rem;
}

	#blog_archive .left_content,
	#blog_post .left_content{
		width: calc(100% - 2.6rem);
		text-align: left;
		margin-bottom: .6rem;
	}

@media (max-width: 767px) {
	#blog_ttl {
		background-image: url("../images/blog/hero/hero_sp.webp");
		background-position-y: -.2rem;
		margin-top: -3px;
	}
	#blog_archive h2{
		font-size: .45rem;
	}
		#blog_archive h2::before{
			margin-bottom: .25rem;
		}
	#blog_archive p{
		font-size: .22rem;
	}
}


/*--------------------------------------------------
    投稿ページ 一覧
--------------------------------------------------*/
	#blog_archive .post-filters a {
		background: var(--whitegold);
		color: var(--gold);
	}
		#blog_archive .post-filters a.active {
			background: var(--gold);
			color: var(--white);
		}


	#blog_archive .post_latest{
		background: var(--white);
		border: 1px solid var(--gold);
		padding: .15rem;
	}
	#blog_archive .thmb_latest {
		width: 2.5rem;
	}
		#blog_archive .thmb_latest img{
			width: 100%;
			aspect-ratio: 415 / 275;
			object-fit: cover;
		}
	#blog_archive .content_latest{
		background: var(--white);
		padding-block: .08rem;
		padding-inline: .25rem;
		width: calc(100% - 2.5rem);
		max-height: 2.75rem;
		box-sizing: border-box;
	}
		#blog_archive .content_latest span{
			background: var(--gold);
			color: var(--white);
			font-size: .16rem;
			font-weight: 100;
			font-family: "Noto Sans", sans-serif;
			padding: .05rem .1rem;
			margin-right: .15rem;
		}
		#blog_archive .content_latest time,
		#blog_archive .content_hereafter time{
			color: var(--gold);
			font-size: .16rem;
			font-family: "Noto Sans", sans-serif;
			font-weight: 100;
		}
		#blog_archive .content_latest h3{
			font-size: .24rem;
			font-weight: 700;
			margin-block: .15rem;
		}
		#blog_archive .content_latest .content_txt,
		#blog_archive .content_hereafter .content_txt{
			font-size: .16rem;
			font-family: "Noto Sans", sans-serif;
			font-weight: 300;
		}
		#blog_archive .content_latest .bottom{
			margin-top: .15rem;
		}
		#blog_archive .content_latest .auther,
		#blog_post .meta_wrap .auther,
		#blog_archive .content_latest .readmore{
			align-items: center;
			gap: .05rem;
			font-size: .16rem;
			font-family: "Noto Sans", sans-serif;
			font-weight: 200;
		}
		#blog_archive .content_latest .readmore::after{
			content:">";
			color: var(--gold);
			margin-left: .1rem;
		}
		#blog_archive .post_hereafter{
			flex-wrap: wrap;
			margin-top: .25rem;
		}
		#blog_archive .link_hereafter{
			width: calc((100% - .3rem) / 2);
		}
			#blog_archive .link_hereafter:nth-child(n+3) {
				margin-top: .3rem;
			}
		#blog_archive .post_hereafter li{
			background: var(--white);
			border: 1px solid var(--gold);
			width: 100%;
			padding: .15rem;
		}
		#blog_archive .content_hereafter{
			background: var(--white);
			height: clamp(1.5rem, 15.62vw, 2.2rem);
			padding: .2rem;
		}
		#blog_archive .content_hereafter span{
			background: var(--gold);
			color: var(--white);
			font-size: .16rem;
			font-weight: 100;
			font-family: "Noto Sans", sans-serif;
			text-transform: uppercase;
			padding: .05rem .1rem;
			margin-right: .1rem;
		}
		#blog_archive .content_hereafter h3{
			font-size: .20rem;
			font-weight: 700;
			margin-block: .15rem;
		}


@media (max-width: 767px) {
	.post-filters{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: .25rem;
	}
		#blog_archive .post-filters a{
			font-size: .18rem;
			/* width: calc((100% - .8rem)/ 2); */
			height: .5rem;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	#blog_archive .content_wrap{
		flex-direction: column;
		width: 100%;
	}
		#blog_archive .post_latest{
			width: calc(100vw - .57rem);
			flex-direction: column;
		}
		#blog_archive .thmb_latest {
			width: 100%;
		}
		#blog_archive .content_latest{
			width: auto;
			max-height: 100%;
		}
		#blog_archive .post_hereafter{
			flex-direction: column;
		}
		#blog_archive .link_hereafter {
			width: calc(100vw - .57rem);
			margin-top: .25rem;
		}
			#blog_archive .link_hereafter:first-of-type{
				margin-top: 0;
			}
			#blog_archive .link_hereafter:nth-child(n+3) {
				margin-top: .25rem;
			}
		#blog_archive .content_hereafter{
			height: auto;
		}
}

/*--------------------------------------------------
    投稿ページ ページネーション
--------------------------------------------------*/
.nav-links {
	text-align: center;
	margin: 2em 0;
}
	.nav-links .page-numbers {
		display: inline-flex;
		list-style: none;
		padding: 0;
		margin: 0;
	}
		.nav-links .page-numbers a,
		.nav-links .page-numbers span {
			display: block;
			min-width: 2.5em;
			padding: 0.5em 0;
			line-height: 1;
			text-align: center;
			border: 1px solid var(--gold);
			margin-right: -1px;
			text-decoration: none;
			font-weight: 500;
			color: var(--gold);
			background: var(--whitegold);
			transition: background-color 0.2s, color 0.2s;
		}
/* ホバー時 */
.nav-links .page-numbers a:hover {
	background-color: var(--gold);
	color: var(--white);
}

/* 現在ページ */
.nav-links .page-numbers .current {
	background-color: var(--gold);
	color: var(--white);
	cursor: default;
}

/* 前へ／次へ矢印リンク */
.nav-links .page-numbers .prev,
.nav-links .page-numbers .next {
	font-weight: bold;
}

.nav-links .page-numbers a.next,
.nav-links .page-numbers a.prev{
	background: var(--white);
}

@media (max-width: 767px) {
	nav.navigation.pagination {
		width: calc(100vw - .5rem);
	}
}


/*--------------------------------------------------
    投稿ページ サイドバー
--------------------------------------------------*/
aside{
	width: 2.6rem;
	font-family: "Noto Sans", sans-serif;
	font-weight: 200;
}
.widget {
	background: var(--white);
	border: 1px solid var(--gold);
	padding: .15rem;
	margin: 0 0 .15rem;
}
h2.widget-title {
	font-size: .2rem !important;
	margin-bottom: .15rem !important;
	color: var(--gold) !important;
	align-items: flex-start !important;
	font-weight: 600 !important;
	text-align: left;
	
}
h2.widget-title::before{
	display: none !important;
}

/* 1) Search */
.widget-search form {
	display: flex;
	border: 1px solid var(--gold);
	justify-content: space-between;
}

.widget-search input[type="search"] {
	border: none;
	font-size: .16rem;
	padding: .05rem;
	background: var(--whitegold);
	width: 100%;
}
.widget-search .searchform label {
	width: 100%;
	flex: 1;
}

.widget-search .search-submit{
	background-color: var(--gold);
	background-image: url("../images/common/icon_search.webp");
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	width: .35rem;
	padding: .1em;
	cursor: pointer;
	text-indent: -9999px;
}


/* 2) Recent Articles */
.widget-recent-posts ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget-recent-posts .recent-item {
	margin-bottom: .15rem;
}
	.widget-recent-posts .recent-item a{
		align-items: center;
	}

.widget-recent-posts .thumb {
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin-right: .75em;
}

.widget-recent-posts .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.widget-recent-posts .meta{
	text-align: left;
}
	.widget-recent-posts .meta .title {
		font-size: .16rem;
		color: var(--gold);
	}
	.widget-recent-posts .meta .date {
		font-size: .14rem;
		color: #999;
	}

/* 3) Category */
.widget-categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget-categories li {
	display: flex;
	justify-content: space-between;
	margin-bottom: .5em;
}

.widget-categories li a {
	text-decoration: none;
}

.widget-categories .count {
	background: var(--whitegold);
	/* border-radius: .1rem; */
	padding: .025rem .08rem;
	font-size: .14rem;
	color: var(--gold);
}

/* 4) Monthly Archive */
.widget-archives ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget-archives li {
	display: flex;
	justify-content: space-between;
	margin-bottom: .15rem;
	text-align: left;
}

.widget-archives li a {
	text-decoration: none;
	display: block;
	width: 100%;
	font-size: .16rem;
}
.widget-archives li::after{
	content: ">";
}

.widget-archives li span {
	color: #999;
}

@media (max-width: 767px) {
	#blog_archive aside,
	#blog_post aside{
		width: 100%;
	}
	.widget-search input[type="search"] {
		width: 76.8vw;
	}
}


/*--------------------------------------------------
    投稿ページ 詳細ページ
--------------------------------------------------*/
#blog_post{
	margin-top: 1.5rem;
}
	#blog_post .meta_wrap{
		gap: .15rem;
		margin-block: .15rem;
		font-weight: 400;
		font-family: "Noto Sans", sans-serif;
		align-items: center;
}
#blog_post .meta_wrap span {
	background: var(--gold);
	color: var(--white);
	font-size: .2rem;
	padding: .05rem .1rem;
	font-family: "Ubuntu Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
}
#blog_post .meta_wrap time{
	color: var(--gold);
}
#blog_post .meta_wrap .auther{
	align-items: center;
}
#blog_post .content_wrap{
	font-weight: 100;
	font-family: "Noto Sans", sans-serif;
	line-height: 1.7;
	margin-block: .25rem;
}
#blog_post .content_wrap h1{
	color: var(--gold);
	font-size: .32rem;
	font-family: "EB Garamond", serif;
	border-bottom: 2px solid var(--gold);
	font-weight: 700;
}
#blog_post .content_wrap h2{
	font-size: .25rem;
	font-family: "EB Garamond", serif;
	font-weight: 700;
}
#blog_post .content_wrap p{
	font-size: .16rem;
	font-weight: 400;
}

/*--------------------------------------------------
	投稿ページ 記事コンポーネント
--------------------------------------------------*/
#blog_post .article-content{
	background: transparent;
	border: none;
	padding: .33rem 0 .38rem;
	box-sizing: border-box;
}
	#blog_post .article-content > * + *{
		margin-top: .34rem;
	}
#blog_post .article-content h2,
#blog_post .article-content h3,
#blog_post .article-content h4{
	font-family: "EB Garamond", serif;
	font-weight: 600;
	line-height: 1.45;
	margin-top: .54rem;
	margin-bottom: .2rem;
	padding-bottom: .1rem;
	border-bottom: 1px solid transparent;
}
	#blog_post .article-content h2:first-child,
	#blog_post .article-content h3:first-child,
	#blog_post .article-content h4:first-child{
		margin-top: 0;
	}
#blog_post .article-content h2{
	font-size: .26rem;
	color: var(--gold);
	border-bottom-color: rgba(193,155,91,.35);
}
#blog_post .article-content h3{
	font-size: .25rem;
	color: #2d2519;
	border-bottom-color: rgba(193,155,91,.25);
}
#blog_post .article-content h4{
	font-size: .2rem;
	font-weight: 500;
	color: #4a3c29;
}
#blog_post .article-content p,
#blog_post .article-content li{
	font-size: .2rem;
}
	#blog_post .article-content p{
		line-height: 1.92;
	}
	#blog_post .article-content ul,
	#blog_post .article-content ol{
		margin: .24rem 0;
		padding: 0;
	}
	#blog_post .article-content li + li{
		margin-top: .14rem;
	}
	#blog_post .article-content ul{
		list-style: none;
	}
#blog_post .article-content ul li{
	position: relative;
	padding-left: .28rem;
	font-weight: 500;
}
		#blog_post .article-content ul li::before{
			content: "";
			position: absolute;
			left: 0;
			top: .52em;
			width: .1rem;
			height: .1rem;
			border-radius: 50%;
			background: radial-gradient(circle at center, rgba(193,155,91,.9) 0%, rgba(193,155,91,.75) 55%, rgba(193,155,91,.08) 100%);
			box-shadow: 0 2px 5px rgba(0,0,0,.1);
		}
#blog_post .article-content ol{
	list-style: none;
	counter-reset: article-ordered;
}
	#blog_post .article-content ol li{
		position: relative;
		padding-left: .38rem;
		counter-increment: article-ordered;
		font-weight: 500;
}
		#blog_post .article-content ol li::before{
			content: counter(article-ordered) ".";
			position: absolute;
			left: 0;
			top: 0;
			font-family: "Ubuntu Condensed", sans-serif;
			font-size: .16rem;
			letter-spacing: .08em;
		}
	#blog_post .article-content p + p{
		margin-top: .18rem;
	}

#blog_post .article-expert-badge{
	display: flex;
	align-items: center;
	gap: .15rem;
	padding: .2rem .25rem;
	background: var(--white);
	border: 1px solid var(--whitegold);
	border-left: .05rem solid var(--gold);
	/* border-radius: .06rem; */
	color: var(--black);
	font-weight: 500;
}
	#blog_post .article-expert-badge p{
		margin: 0;
		font-size: .18rem;
		font-weight: 500;
	}

#blog_post .article-lead-text{
	font-size: .18rem;
	line-height: 1.85;
	background: transparent;
	color: var(--black);
	padding: .2rem .3rem;
	border-left: .05rem solid var(--lightgold);
	margin-bottom: .34rem;
}

#blog_post .article-toc{
	border: 1px solid var(--whitegold);
	background: var(--white);
	/* border-radius: .08rem; */
	padding: .24rem .22rem;
	text-align: left;
	box-shadow: 0 6px 14px rgba(0,0,0,.04);
}
	#blog_post .article-toc h2{
		font-size: .2rem;
		margin: 0 0 .18rem;
		font-family: "EB Garamond", serif;
		color: var(--black);
	}
#blog_post .article-toc ul{
	list-style: decimal inside;
	margin: 0;
	padding: 0;
}
	#blog_post .article-toc li{
		margin: .1rem 0;
	}
	#blog_post .article-toc ul li::before{
		display: none;
		content: none;
	}
#blog_post .article-content .article-toc ul li::before,
#blog_post .article-content .article-toc ul li::after{
	display: none !important;
	content: none !important;
}
#blog_post .article-toc a{
		display: inline;
		font-size: .18rem;
		font-weight: 500;
		color: #5a472e;
		text-decoration: none;
		border-bottom: 1px solid transparent;
		transition: color .2s ease, border-bottom-color .2s ease;
	}
		#blog_post .article-toc a:hover{
			color: var(--gold);
			border-bottom-color: currentColor;
		}


#blog_post .article-content-image{
	margin: .38rem auto;
	text-align: center;
}
	#blog_post .article-content-image img{
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	#blog_post .article-content-image figcaption{
		margin-top: .14rem;
		font-size: .14rem;
		color: var(--black);
	}
	#blog_post .article-content-image + h2,
	#blog_post .article-content-image + h3,
	#blog_post .article-content-image + h4{
		margin-top: .5rem;
	}

	#blog_post .article-link-card{
		display: flex;
		align-items: stretch;
		gap: .15rem;
		background: var(--white);
		border: 1px solid var(--whitegold);
		padding: .12rem;
		margin: .24rem 0;
		box-shadow: 0 2px 8px rgba(0,0,0,.03);
		text-decoration: none !important;
		color: var(--black);
		transition: box-shadow .2s ease, border-color .2s ease;
	}
	#blog_post .article-link-card:hover{
		box-shadow: 0 4px 12px rgba(0,0,0,.06);
		border-color: var(--gold);
		text-decoration: none !important;
	}
	#blog_post .article-link-card-thumbnail{
		flex-shrink: 0;
		width: 1.6rem;
		height: 1.2rem;
		overflow: hidden;
		background: var(--whitegold);
		display: flex;
		align-items: center;
		justify-content: center;
	}
		#blog_post .article-link-card-thumbnail img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}
		#blog_post .article-link-card-thumbnail::before{
			content: "🔗";
			font-size: .6rem;
			color: var(--gold);
			opacity: .6;
		}
		#blog_post .article-link-card-thumbnail:has(img)::before{
			display: none;
		}
	#blog_post .article-link-card-content{
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 0;
	}
		#blog_post .article-link-card-title{
			font-size: .16rem;
			font-weight: 600;
			color: var(--gold);
			line-height: 1.2;
			margin: 0 !important;
			margin-bottom: 0 !important;
			padding: 0;
			text-decoration: none !important;
		}
		#blog_post .article-link-card-description{
			font-size: .13rem !important;
			color: var(--black);
			line-height: 1.2;
			margin: 0;
			padding: 0;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-decoration: none !important;
		}

#blog_post .article-highlight-box{
	background: rgba(248,243,235,.72);
	border: 1px solid rgba(193,155,91,.2);
	/* border-radius: .12rem; */
	padding: .32rem .34rem;
	box-shadow: 0 12px 32px rgba(0,0,0,.06);
	margin: .36rem 0;
	font-size: 0.22rem;
    font-weight: 200;
}
	#blog_post .article-highlight-box h4{
		margin: 0 0 .16rem;
		font-size: .18rem;
		color: #3f3524;
	}
	#blog_post .article-highlight-box p{
		margin: 0;
		font-size: .18rem;
	}

#blog_post .article-steps-list{
	list-style: none;
	margin: .24rem 0;
	padding: 0;
	counter-reset: article-steps;
}
	#blog_post .article-steps-list li{
		counter-increment: article-steps;
		background: var(--white);
		border: 1px solid rgba(193,155,91,.22);
		/* border-radius: .12rem; */
		padding: .34rem .2rem .18rem; /* 上部にラベル分の余白を確保 */
		box-shadow: 0 6px 18px rgba(0,0,0,.04);
		display: flex;
		flex-direction: column;
		gap: .12rem;
		align-items: flex-start;
		position: relative;
	}
		#blog_post .article-steps-list li::before{
			content: "STEP " counter(article-steps);
			font-family: "Ubuntu Condensed", sans-serif;
			font-size: .15rem;
			letter-spacing: .08em;
			font-weight: 600;
			color: var(--white);
			flex-shrink: 0;
			padding: .02rem .16rem;
			/* border-radius: .06rem; */
			background: var(--gold);
			position: absolute;
			top: .12rem;
			left: .12rem;
		}
		#blog_post .article-steps-list li + li{
			margin-top: .2rem;
		}
	#blog_post .article-steps-list h4{
		margin: 0 0 .06rem;
		font-size: .2rem;
		color: var(--black);
	}
	#blog_post .article-steps-list p{
		margin: 0;
		line-height: 1.6;
	}

#blog_post .article-review-list{
	list-style: none;
	margin: .36rem 0;
	padding: 0;
	display: grid;
	gap: .3rem;
}
#blog_post .article-review-item{
	display: flex;
	align-items: flex-start;
	gap: .26rem;
	background: var(--white);
	border: 1px solid var(--whitegold);
	/* border-radius: .12rem; */
	padding: .3rem .34rem;
	box-shadow: 0 12px 28px rgba(0,0,0,.05);
}
	#blog_post .article-review-item::before{
		content: "";
		flex-shrink: 0;
		width: .48rem;
		height: .48rem;
		border-radius: 50%;
		background: url("../images/common/icon_checkuser.webp") center/contain no-repeat;
		box-shadow: 0 6px 16px rgba(0,0,0,.08);
	}
	#blog_post .article-review-item img{
		display: none;
	}
	#blog_post .article-review-meta{
		font-weight: 600;
		color: #3f3524;
		font-size: .16rem;
		margin-bottom: .06rem;
	}
	#blog_post .article-review-item p{
		margin: .08rem 0 0;
		line-height: 1.88;
	}

#blog_post .article-comparison-table{
	width: 100%;
	border-collapse: collapse;
	margin: .34rem 0;
	font-size: .16rem;
	background: var(--white);
}
	#blog_post .article-comparison-table th,
	#blog_post .article-comparison-table td{
		border: 1px solid var(--whitegold);
		padding: .2rem .18rem;
		text-align: left;
	}
	#blog_post .article-comparison-table th{
		background: var(--whitegold);
		color: var(--black);
		font-weight: 600;
		font-family: "EB Garamond", serif;
	}
	#blog_post .article-comparison-table tr{
		font-weight: 400;
	}
	#blog_post .article-comparison-table tbody tr:nth-child(even) td{
		background: rgba(193, 155, 91, .06);
	}

#blog_post .article-faq-section{
	margin-top: .44rem;
}
	#blog_post .article-faq-item{
		position: relative;
		margin-top: .2rem;
		/* border-radius: .12rem; */
		border: 1px solid var(--whitegold);
		overflow: hidden;
		background: var(--white);
	}
	#blog_post .article-faq-item input{
		position: absolute;
		opacity: 0;
		pointer-events: none;
	}
	#blog_post .article-faq-question{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: .25rem;
		padding: .24rem .3rem;
		font-size: .18rem;
		font-weight: 500;
		color: var(--black);
		background: rgba(248,243,235,.7);
		cursor: pointer;
	}
		#blog_post .article-faq-question span{
			flex: 1;
		}
		#blog_post .article-faq-question::after{
			content: "+";
			font-size: .22rem;
			line-height: 1;
			transition: color .2s ease;
		}
	#blog_post .article-faq-answer{
		padding: 0 .28rem;
		max-height: 0;
		opacity: 0;
		transition: max-height .3s ease, opacity .3s ease, padding .3s ease;
		font-weight: 400;
	}
	#blog_post .article-faq-item input:checked + label.article-faq-question::after{
		content: "-";
		color: var(--black);
	}
	#blog_post .article-faq-item input:checked ~ .article-faq-answer{
		max-height: 10rem;
		opacity: 1;
		padding: .22rem .28rem .28rem;
	}

#blog_post .article-summary-section,
#blog_post .article-related-section{
	margin-top: .5rem;
	background: var(--white);
	border: 1px solid rgba(193,155,91,.18);
	/* border-radius: .1rem; */
	padding: .34rem .36rem;
	box-shadow: 0 10px 28px rgba(0,0,0,.05);
}
	#blog_post .article-summary-section h3,
	#blog_post .article-related-section h3{
		margin-bottom: .2rem;
		color: var(--black);
	}

#blog_post .article-cta-section{
	margin-top: .54rem;
	text-align: center;
	background: var(--white);
	color: var(--gold);
	border: 1px solid rgba(193,155,91,.25);
	/* border-radius: .14rem; */
	padding: .38rem .34rem;
	box-shadow: 0 16px 34px rgba(0,0,0,.06);
}
	#blog_post .article-cta-section h2{
		margin-bottom: .2rem;
		font-size: .24rem;
		color: var(--black);
	}
	#blog_post .article-cta-section p{
		margin-bottom: .24rem;
	}
	#blog_post .article-cta-button{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: .12rem;
		padding: .18rem .32rem;
		background: var(--gold);
		color: var(--white);
		border-radius: 999px;
		font-size: .18rem;
		font-weight: 600;
		text-decoration: none;
		transition: opacity .2s ease;
	}
		#blog_post .article-cta-button::after{
			content: "＞";
			font-size: .16rem;
		}
		#blog_post .article-cta-button:hover{
			opacity: .8;
		}

#blog_post .article-related-section ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
	#blog_post .article-related-section li{
		position: relative;
		padding-left: .5rem;
	}
		#blog_post .article-related-section li::before{
			content: "";
			position: absolute;
			left: 0;
			top: .48em;
			width: .16rem;
			height: .16rem;
			border-radius: 50%;
			background: rgba(193,155,91,.4);
			box-shadow: 0 2px 5px rgba(0,0,0,.08);
		}
	#blog_post .article-related-section a{
		color: var(--gold);
		text-decoration: underline;
		text-decoration-color: transparent;
		transition: text-decoration-color .2s ease;
	}
		#blog_post .article-related-section a:hover{
			text-decoration-color: currentColor;
		}

#blog_post .article-reference-section ol,
#blog_post .article-reliability-info ol{
	margin: 0;
	padding-left: 0;
}
		#blog_post .article-reference-section li,
		#blog_post .article-reliability-info li{
			margin-bottom: .1rem;
	}

#blog_post .article-cite{
	color: var(--gold);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
}
	#blog_post .article-cite:hover{
		color: var(--black);
	}
		#blog_post .article-citations{
			margin: .22rem 0 0;
			padding-left: .65rem;
			font-size: .16rem;
		}
		#blog_post .article-citations a{
			color: var(--gold);
			text-decoration: underline;
		}
		#blog_post .fn-back{
			margin-left: .08rem;
			font-size: .14rem;
		}

#blog_post .article-quote{
	margin: .34rem 0;
	padding: .3rem .32rem .3rem .42rem;
	border-left: .06rem solid var(--gold);
	background: rgba(248,243,235,.6);
	font-style: italic;
}
	#blog_post .quote-source{
		display: block;
		margin-top: .1rem;
		font-size: .14rem;
		font-style: normal;
		color: var(--black);
		text-align: right;
	}
#blog_post .nav-links {
	display: flex;
	justify-content: center;
	margin: .25rem 0;
	gap: .5rem;
}
#blog_post .nav-label{
	color: var(--gold);
	font-family: "Ubuntu Condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: .2rem;
}
#blog_post .screen-reader-text{
	display: none !important;
}

.nav-previous a::before{
	content: "＜";
	margin-right: .15rem;
	color: var(--gold);
	font-weight: 600;
    font-size: .8em;
}
.nav-next a::after {
	content: "＞";
	margin-left: .15rem;
	color: var(--gold);
	font-weight: 600;
    font-size: .8em;
}

@media (max-width: 767px) {
	#blog_post {
		margin-top: .5rem;
		background-image: none;
	}
	#blog_post .content_wrap{
		flex-direction: column;
	}
	#blog_post .left_content {
		width: 100%;
	}
	#blog_post .content_wrap h2{
		font-size: .32rem;
	}
	#blog_post .meta_wrap{
		flex-wrap: wrap;
	}
		#blog_post .meta_wrap span{
			font-size: .18rem;
		}
	#blog_post .content_wrap p{
		font-size: .2rem;
	}
		#blog_post .meta_wrap .auther{
			font-size: .2rem;
			width: 100%;
		}
	#blog_post .nav-links{
		justify-content: space-between;
	}
	#blog_post .article-content{
		padding: .22rem 0 .26rem;
	}
	#blog_post .article-lead-text{
		font-size: .22rem;
		padding: .2rem .22rem;
	}
	#blog_post .article-toc{
		padding: .2rem .18rem;
	}
		#blog_post .article-toc ul{
			padding-left: 0;
		}
	#blog_post .article-toc h2{
		font-size: .24rem;
	}
	#blog_post .article-expert-badge{
		flex-direction: column;
		align-items: flex-start;
	}
	#blog_post .article-faq-question{
		padding: .22rem .24rem;
		font-size: .18rem;
	}
	#blog_post .article-cta-section{
		padding: .28rem .22rem;
	}
	#blog_post .article-steps-list li{
		padding: .34rem .2rem .18rem;
		gap: .12rem;
	}
	#blog_post .article-steps-list li::before{
		padding: .02rem .16rem;
		font-size: .15rem;
	}
	#blog_post .article-cta-section h2{
		font-size: .24rem;
	}
	#blog_post .article-cta-button{
		font-size: .18rem;
		padding: .16rem .26rem;
	}
	#blog_post .article-related-section ul{
		padding-left: 0;
	}
	#blog_post .article-related-section li{
		padding-left: .32rem;
	}
		#blog_post .article-related-section li::before{
			top: .42em;
			width: .1rem;
			height: .1rem;
		}
	#blog_post .article-reference-section ol,
	#blog_post .article-reliability-info ol,
	#blog_post .article-citations{
		padding-left: .32rem;
	}
	#blog_post .article-review-list{
		gap: .24rem;
	}
	#blog_post .article-review-item{
		padding: .26rem .24rem;
		flex-direction: column;
		align-items: flex-start;
		gap: .18rem;
	}
	#blog_post .article-review-item::before{
		width: .42rem;
		height: .42rem;
	}
	#blog_post .article-review-meta{
		font-size: .16rem;
	}
	#blog_post .article-link-card{
		flex-direction: column;
		gap: .12rem;
		padding: .1rem;
	}
		#blog_post .article-link-card-thumbnail{
			width: 100%;
			height: 1.5rem;
		}
		#blog_post .article-link-card-thumbnail img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}
		#blog_post .article-link-card-title{
			font-size: .18rem !important;
		}
		#blog_post .article-link-card-description{
			font-size: .14rem !important;
		}
}
#blog_post .article-content a:not(.article-cta-button){
	color: #7d6234;
	text-decoration: underline;
	text-decoration-thickness: .06em;
	text-underline-offset: .15em;
	transition: color .2s ease;
}
	#blog_post .article-content a:not(.article-cta-button):hover{
		color: var(--black);
	}
#blog_post .article-reference-section,
#blog_post .article-reliability-info{
	padding: 0;
	border: none;
	box-shadow: none;
}
	#blog_post .article-reference-section h3,
	#blog_post .article-reliability-info h3{
		margin-bottom: .18rem;
		font-size: .23rem;
		color: #3f3524;
	}
	#blog_post .article-reference-section ol,
	#blog_post .article-reliability-info ol{
		margin: .18rem 0 0;
		padding-left: 0;
		list-style: none !important;
		list-style-type: none !important;
		counter-reset: ref-counter !important;
	}
		#blog_post .article-reference-section li,
		#blog_post .article-reliability-info li{
			position: relative;
			padding-left: .32rem;
			margin-bottom: .1rem;
			counter-increment: ref-counter;
			list-style-type: none !important;
		}
			#blog_post .article-reference-section li::before,
			#blog_post .article-reliability-info li::before{
				content: counter(ref-counter) "." !important;
				position: absolute;
				left: 0;
				top: 0;
				font-family: "Ubuntu Condensed", sans-serif;
				font-size: .15rem;
				color: #a88348;
			}
		#blog_post .article-reliability-info .article-citations{
			margin: .18rem 0 0;
			font-size: .16rem;
			counter-reset: citations-counter !important;
			list-style: none !important;
			list-style-type: none !important;
		}
			#blog_post .article-reliability-info .article-citations li{
				position: relative;
				padding-left: .32rem;
				margin-bottom: .08rem;
				list-style: none !important;
				list-style-type: none !important;
				counter-increment: citations-counter !important;
			}
				#blog_post .article-reliability-info .article-citations li::before{
					content: counter(citations-counter) "." !important;
					position: absolute;
					left: 0;
					top: 0;
					font-family: "Ubuntu Condensed", sans-serif;
					font-size: .15rem;
					color: #a88348;
				}