/* Single article, share controls, and article body styles */
.daily-single__layout > .daily-article,
.daily-single__layout > .daily-related,
.daily-single__layout > .post-navigation,
.daily-single__layout > .comments-area {
	grid-column: 1;
}

.daily-single__layout > .widget-area {
	grid-column: 2;
	grid-row: 1 / span 4;
}

.daily-article {
	border-color: #e3edf3;
	box-shadow: 0 18px 45px rgba(23, 33, 43, 0.08);
	overflow: hidden;
	padding: 34px;
	position: relative;
}

.daily-article::before {
	background: linear-gradient(90deg, var(--daily-logo-red), var(--daily-logo-blue));
	content: "";
	display: block;
	height: 5px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.daily-article__header {
	background: linear-gradient(180deg, rgba(243, 248, 251, 0.88), rgba(255, 255, 255, 0));
	border-bottom: 1px solid #e8eef2;
	margin: -34px -34px 26px;
	padding: 36px 34px 22px;
}

.daily-article__title {
	color: var(--daily-logo-ink);
	font-size: 44px;
	font-weight: 950;
	letter-spacing: 0;
	line-height: 1.14;
	margin: 14px 0 16px;
	max-width: 880px;
}

.daily-article__image {
	background: var(--daily-logo-soft);
	border: 1px solid #e6eef3;
	border-radius: 14px;
	margin: 0 0 24px;
	overflow: hidden;
	padding: 8px;
}

.daily-article__image img {
	border-radius: 10px;
	display: block;
	height: min(52vw, 470px);
	object-fit: cover;
	width: 100%;
}

.daily-share {
	align-items: center;
	background: #f7fbfd;
	border: 1px solid #ddeaf1;
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 28px;
	padding: 12px;
}

.daily-share span {
	color: var(--daily-logo-ink);
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
}

.daily-share a {
	background: var(--daily-logo-soft);
	border: 1px solid #d7e7ef;
	border-radius: 999px;
	color: var(--daily-logo-blue-dark);
	font-size: 13px;
	font-weight: 800;
	padding: 7px 11px;
	text-decoration: none;
}

.daily-share a:hover,
.daily-share a:focus {
	background: var(--daily-logo-blue-dark);
	border-color: var(--daily-logo-blue-dark);
	color: #fff;
	outline: none;
}

.daily-article__content {
	color: #202936;
	font-size: 19px;
	line-height: 1.85;
	margin: 0;
	max-width: 820px;
}

.daily-article__content p,
.daily-article__content ul,
.daily-article__content ol,
.daily-article__content blockquote {
	margin-bottom: 1.25em;
}

.daily-article__content a {
	color: var(--daily-logo-red);
	font-weight: 800;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.daily-article__content blockquote {
	border-left: 4px solid var(--daily-logo-red);
	background: var(--daily-logo-soft);
	border-radius: 0 12px 12px 0;
	color: var(--daily-logo-blue-dark);
	font-size: 20px;
	font-weight: 800;
	margin-left: 0;
	padding: 18px 22px;
}

.daily-article__footer {
	border-top: 1px solid #e8eef2;
	color: #65727f;
	font-size: 13px;
	margin-top: 30px;
	padding-top: 18px;
}

.daily-article__footer a {
	color: var(--daily-logo-blue);
	font-weight: 800;
}