/* Interview page styles */
.interview-page{
	max-width: 980px;
	margin: 0 auto;
	padding: 20px 16px 40px 16px;
	color: #1f2f44;
}
.card-like{
	border: 1px solid #e6eef7;
	background: #ffffff;
	border-radius: 12px;
	padding: 14px 16px;
	margin-bottom: 16px;
}
.interview-hero{
	background: #f7fbff;
	border: 1px solid #e6eef7;
	border-radius: 14px;
	padding: 26px 18px;
	margin-bottom: 22px;
}
.interview-hero .title{
	margin: 4px 0 6px 0;
	font-weight: 700;
}
.interview-hero .subtitle{
	color: #587099;
	margin: 0;
}
.intro-links .link-title{
	font-weight: 700;
	margin-bottom: 4px;
}
.external-link{
	display: inline-block;
	color: #25456c;
	border: 1px solid #d4deea;
	border-radius: 999px;
	padding: 6px 12px;
	font-size: 13px;
	background: #fff;
}
.external-link:hover{
	text-decoration: none;
	background: #f0f6ff;
	border-color: #b4c6df;
}

.interview-article .article-title{
	font-weight: 700;
	margin-bottom: 6px;
}
.interview-article .article-body{
	margin: 0;
}
.editor-note{
	color: #6e7f9b;
}
.em{ color: #25456c; font-weight: 700; }

.interview-body{
	margin-top: 6px;
}
.qa-block{
	border-left: 4px solid #25456c;
	background: #ffffff;
	border: 1px solid #e6eef7;
	border-left-color: #25456c;
	border-radius: 10px;
	padding: 12px 14px;
	margin: 12px 0;
}
.qa-block .q{
	font-weight: 700;
	margin-bottom: 6px;
	position: relative;
	padding-left: 24px;
}
.qa-block .q:before{
	content: "Q";
	position: absolute;
	left: 0;
	top: 0;
	color: #25456c;
	font-weight: 800;
}
.qa-block .a{
	position: relative;
	padding-left: 24px;
}
.qa-block .a:before{
	content: "A";
	position: absolute;
	left: 0;
	top: 0;
	color: #6b85a8;
	font-weight: 800;
}
.credit{
	margin-top: 16px;
	color: #6e7f9b;
	font-size: 13px;
}
.interview-photo{
	margin-top: 22px;
}
.interview-img{
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	border: 1px solid #e6eef7;
}

/* Responsive */
@media (min-width: 1200px){
	.interview-page{ max-width: 1040px; }
	.interview-hero{ padding: 32px 24px; }
}
@media (max-width: 767px){
	.interview-page{ padding-left: 14px; padding-right: 14px; }
	.qa-block{ padding: 12px; }
	.interview-hero .title{ font-size: 20px; }
}