/* ================================================================
   Soluciones Hospitalarias · Blog, artículos y búsquedas
   ================================================================ */

.sh-page-hero--blog {
	padding: clamp(74px, 9vw, 124px) 0;
	text-align: center;
	background:
		radial-gradient(circle at 50% -10%, rgba(91, 140, 255, 0.28), transparent 42%),
		linear-gradient(145deg, var(--sh-bg-alt), var(--sh-bg));
}

.sh-page-hero--blog .sh-shell {
	max-width: 940px;
}

.sh-page-hero--blog h1 {
	margin-bottom: 20px;
	font-size: clamp(2.55rem, 5.6vw, 5rem);
}

.sh-page-hero--blog p,
.sh-archive-description {
	max-width: 720px;
	margin: 0 auto;
	color: var(--sh-muted);
	font-size: clamp(1rem, 1.35vw, 1.15rem);
}

.sh-archive-description p:last-child {
	margin-bottom: 0;
}

.sh-blog-listing {
	background: var(--sh-surface);
}

.sh-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.sh-blog-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--sh-border);
	border-radius: 22px;
	background: var(--sh-bg-alt);
	box-shadow: var(--sh-shadow-sm);
	transition: transform var(--sh-transition), box-shadow var(--sh-transition), border-color var(--sh-transition), background-color var(--sh-transition);
}

.sh-blog-card:hover {
	transform: translateY(-8px);
	border-color: var(--sh-border-strong);
	background: var(--sh-surface);
	box-shadow: var(--sh-shadow-md);
}

.sh-blog-card__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--sh-bg);
}

.sh-blog-card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(11, 16, 32, 0.32), transparent 55%);
	opacity: 0.4;
	transition: opacity var(--sh-transition);
}

.sh-blog-card:hover .sh-blog-card__media::after {
	opacity: 0.75;
}

.sh-blog-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}

.sh-blog-card:hover .sh-blog-card__media img {
	transform: scale(1.065);
}

.sh-blog-card__content {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 26px;
}

.sh-blog-card__category,
.sh-article-category {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	margin-bottom: 14px;
	padding: 7px 11px;
	border: 1px solid var(--sh-border-strong);
	border-radius: 999px;
	background: rgba(91, 140, 255, 0.09);
	color: var(--sh-primary-strong);
	font-size: 0.67rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
}

html[data-theme="dark"] .sh-blog-card__category,
html[data-theme="dark"] .sh-article-category {
	color: var(--sh-primary-soft);
}

.sh-blog-card h2 {
	margin-bottom: 13px;
	font-size: clamp(1.15rem, 1.7vw, 1.42rem);
	line-height: 1.24;
}

.sh-blog-card h2 a {
	background-image: linear-gradient(var(--sh-primary), var(--sh-primary));
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 0 2px;
	transition: background-size var(--sh-transition), color var(--sh-transition);
}

.sh-blog-card:hover h2 a {
	background-size: 100% 2px;
}

.sh-blog-card__content > p {
	margin-bottom: 24px;
	font-size: 0.88rem;
}

.sh-blog-card__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: auto;
	padding-top: 18px;
	border-top: 1px solid var(--sh-border);
}

.sh-post-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	color: var(--sh-muted);
	font-size: 0.67rem;
	font-weight: 600;
}

.sh-blog-card__footer .sh-text-link {
	flex: 0 0 auto;
	font-size: 0.75rem;
}

/* ---------- Artículo individual ---------- */
.sh-single-post {
	background: var(--sh-surface);
}

.sh-article-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(76px, 9vw, 134px) 0 clamp(84px, 10vw, 150px);
	background:
		radial-gradient(circle at 50% 0%, rgba(91, 140, 255, 0.22), transparent 38%),
		linear-gradient(145deg, var(--sh-bg-alt), var(--sh-bg));
	text-align: center;
	border-bottom: 1px solid var(--sh-border);
}

.sh-article-hero::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -220px;
	width: 520px;
	height: 520px;
	border: 1px solid rgba(91, 140, 255, 0.15);
	border-radius: 50%;
	transform: translateX(-50%);
	box-shadow: 0 0 0 74px rgba(91, 140, 255, 0.035), 0 0 0 148px rgba(91, 140, 255, 0.018);
}

.sh-article-hero .sh-shell-narrow {
	position: relative;
	z-index: 1;
}

.sh-article-hero h1 {
	margin-bottom: 24px;
	font-size: clamp(2.45rem, 5.5vw, 4.85rem);
}

.sh-article-lead {
	max-width: 730px;
	margin: 0 auto 25px;
	font-size: clamp(1.02rem, 1.4vw, 1.18rem);
}

.sh-article-hero .sh-post-meta {
	justify-content: center;
	font-size: 0.75rem;
}

.sh-article-featured {
	position: relative;
	z-index: 2;
	margin-top: clamp(-72px, -6vw, -48px);
}

.sh-article-featured img {
	width: 100%;
	max-height: 680px;
	object-fit: cover;
	border: 1px solid var(--sh-border);
	border-radius: 28px;
	box-shadow: var(--sh-shadow-lg);
}

.sh-article-layout {
	display: grid;
	grid-template-columns: minmax(0, 820px);
	justify-content: center;
	padding-top: clamp(64px, 8vw, 104px);
	padding-bottom: clamp(64px, 8vw, 104px);
}

.sh-article-content {
	min-width: 0;
	font-size: clamp(1rem, 1.15vw, 1.08rem);
}

.sh-article-content > p:first-of-type::first-letter {
	float: left;
	margin: 0.08em 0.12em 0 0;
	color: var(--sh-primary-strong);
	font-family: var(--sh-font-serif);
	font-size: 4.4em;
	font-weight: 700;
	line-height: 0.75;
}

html[data-theme="dark"] .sh-article-content > p:first-of-type::first-letter {
	color: var(--sh-primary-soft);
}

.sh-article-content blockquote {
	position: relative;
	margin: 2.2em 0;
	padding: 28px 30px 28px 34px;
	border: 1px solid var(--sh-border-strong);
	border-left: 5px solid var(--sh-primary);
	border-radius: 0 18px 18px 0;
	background: rgba(91, 140, 255, 0.07);
	font-family: var(--sh-font-serif);
	font-size: 1.18rem;
}

.sh-article-content table {
	width: 100%;
	margin: 2em 0;
	border-collapse: collapse;
	border: 1px solid var(--sh-border);
	border-radius: 14px;
	overflow: hidden;
}

.sh-article-content th,
.sh-article-content td {
	padding: 14px 16px;
	border-bottom: 1px solid var(--sh-border);
	text-align: left;
}

.sh-article-content th {
	background: rgba(91, 140, 255, 0.12);
	color: var(--sh-text);
}

.sh-article-content code {
	padding: 0.15em 0.4em;
	border-radius: 5px;
	background: var(--sh-bg-alt);
	font-size: 0.9em;
}

.sh-article-content pre {
	overflow: auto;
	padding: 22px;
	border-radius: 16px;
	background: var(--sh-navy);
	color: #e8efff;
}

.sh-article-footer {
	padding: 0 0 clamp(70px, 8vw, 110px);
}

.sh-article-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 32px;
}

.sh-article-tags > span {
	align-self: center;
	margin-right: 4px;
	color: var(--sh-muted);
	font-size: 0.75rem;
	font-weight: 800;
	text-transform: uppercase;
}

.sh-article-tags a {
	padding: 7px 11px;
	border: 1px solid var(--sh-border);
	border-radius: 999px;
	background: var(--sh-bg-alt);
	font-size: 0.72rem;
	font-weight: 650;
}

.sh-article-footer .post-navigation {
	padding-top: 28px;
	border-top: 1px solid var(--sh-border);
}

.sh-article-footer .nav-links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.sh-article-footer .nav-previous,
.sh-article-footer .nav-next {
	min-width: 0;
}

.sh-article-footer .nav-next {
	text-align: right;
}

.sh-article-footer .nav-links a {
	display: block;
	height: 100%;
	padding: 20px;
	border: 1px solid var(--sh-border);
	border-radius: 16px;
	background: var(--sh-bg-alt);
	transition: transform var(--sh-transition), border-color var(--sh-transition), background-color var(--sh-transition);
}

.sh-article-footer .nav-links a:hover {
	transform: translateY(-4px);
	border-color: var(--sh-border-strong);
	background: var(--sh-surface);
}

.sh-article-footer .nav-links span,
.sh-article-footer .nav-links strong {
	display: block;
}

.sh-article-footer .nav-links span {
	margin-bottom: 6px;
	color: var(--sh-muted);
	font-size: 0.66rem;
	font-weight: 750;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.sh-article-footer .nav-links strong {
	font-size: 0.88rem;
	line-height: 1.45;
}

.sh-related-posts {
	background: var(--sh-bg-alt);
	border-top: 1px solid var(--sh-border);
}

/* ---------- Comentarios ---------- */
.sh-comments-wrap {
	padding-bottom: clamp(72px, 8vw, 112px);
}

.sh-comments {
	padding-top: 45px;
	border-top: 1px solid var(--sh-border);
}

.sh-comments__title,
.sh-comments .comment-reply-title {
	margin-bottom: 26px;
	font-size: clamp(1.55rem, 2.5vw, 2.25rem);
}

.sh-comments .comment-list {
	list-style: none;
	margin: 0 0 46px;
	padding: 0;
}

.sh-comments .comment-list .children {
	list-style: none;
	margin: 18px 0 0 36px;
	padding: 0;
}

.sh-comments .comment-body {
	position: relative;
	margin-bottom: 17px;
	padding: 24px;
	border: 1px solid var(--sh-border);
	border-radius: 17px;
	background: var(--sh-bg-alt);
}

.sh-comments .comment-author {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 5px;
}

.sh-comments .avatar {
	border-radius: 50%;
}

.sh-comments .comment-meta {
	font-size: 0.72rem;
}

.sh-comments .comment-content {
	margin-top: 17px;
}

.sh-comments .reply a {
	display: inline-flex;
	margin-top: 12px;
	color: var(--sh-primary-strong);
	font-size: 0.78rem;
	font-weight: 750;
}

.sh-comments .comment-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.sh-comments .comment-notes,
.sh-comments .logged-in-as,
.sh-comments .comment-form-comment,
.sh-comments .comment-form-cookies-consent,
.sh-comments .form-submit {
	grid-column: 1 / -1;
}

.sh-comments label {
	display: block;
	margin-bottom: 7px;
	color: var(--sh-muted-strong);
	font-size: 0.76rem;
	font-weight: 750;
}

.sh-comments input[type="text"],
.sh-comments input[type="email"],
.sh-comments input[type="url"],
.sh-comments textarea {
	width: 100%;
	padding: 14px 16px;
	border: 1px solid var(--sh-border);
	border-radius: 12px;
	background: var(--sh-bg-alt);
	color: var(--sh-text);
}

.sh-comments textarea {
	min-height: 160px;
	resize: vertical;
}

.sh-comments input[type="submit"] {
	min-height: 50px;
	padding: 13px 22px;
	border: 0;
	border-radius: 12px;
	background: var(--sh-primary);
	color: #071126;
	font-weight: 800;
	cursor: pointer;
}

/* ---------- Vacíos, búsqueda y 404 ---------- */
.sh-guide-placeholders {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.sh-guide-placeholder {
	padding: 26px;
	border: 1px dashed var(--sh-border-strong);
	border-radius: 18px;
	background: rgba(91, 140, 255, 0.055);
}

.sh-guide-placeholder i {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	margin-bottom: 20px;
	border-radius: 14px;
	background: rgba(91, 140, 255, 0.13);
	color: var(--sh-primary);
}

.sh-guide-placeholder h3 {
	margin-bottom: 9px;
}

.sh-guide-placeholder p {
	margin-bottom: 0;
	font-size: 0.87rem;
}

.sh-error-page {
	display: grid;
	place-items: center;
	min-height: calc(100vh - var(--sh-header-height));
	padding: 70px 0;
	background:
		radial-gradient(circle at 50% 40%, rgba(91, 140, 255, 0.18), transparent 32%),
		var(--sh-bg);
}

.sh-error-card {
	padding: clamp(40px, 7vw, 74px);
	border: 1px solid var(--sh-border-strong);
	border-radius: 30px;
	background: var(--sh-surface);
	box-shadow: var(--sh-shadow-lg);
	text-align: center;
}

.sh-error-code {
	display: block;
	margin-bottom: -12px;
	color: rgba(91, 140, 255, 0.18);
	font-family: var(--sh-font-serif);
	font-size: clamp(6rem, 18vw, 11rem);
	font-weight: 700;
	line-height: 0.9;
}

.sh-error-card h1 {
	margin-bottom: 18px;
	font-size: clamp(2rem, 4.5vw, 3.5rem);
}

.sh-error-card > p {
	max-width: 590px;
	margin: 0 auto 28px;
}

.sh-error-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-bottom: 30px;
}

.sh-search-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	max-width: 600px;
	margin-inline: auto;
	padding: 7px;
	border: 1px solid var(--sh-border);
	border-radius: 15px;
	background: var(--sh-bg-alt);
}

.sh-search-form label {
	min-width: 0;
}

.sh-search-form__field {
	width: 100%;
	height: 48px;
	padding: 0 14px;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--sh-text);
}

.sh-search-form__submit {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border: 0;
	border-radius: 11px;
	background: var(--sh-primary);
	color: #071126;
	cursor: pointer;
}

.sh-page-content {
	padding-top: clamp(64px, 8vw, 98px);
	padding-bottom: clamp(72px, 9vw, 116px);
}

/* ---------- Paginación compartida ---------- */
.sh-pagination {
	margin-top: 50px;
}

.sh-pagination .page-numbers {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
}

.sh-pagination .page-numbers li {
	margin: 0;
}

.sh-pagination a.page-numbers,
.sh-pagination span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 13px;
	border: 1px solid var(--sh-border);
	border-radius: 11px;
	background: var(--sh-bg-alt);
	font-size: 0.78rem;
	font-weight: 750;
	transition: transform var(--sh-transition), border-color var(--sh-transition), background-color var(--sh-transition);
}

.sh-pagination a.page-numbers:hover {
	transform: translateY(-3px);
	border-color: var(--sh-border-strong);
	background: var(--sh-surface);
}

.sh-pagination span.current {
	border-color: var(--sh-primary);
	background: var(--sh-primary);
	color: #071126;
}

/* ---------- Responsive ---------- */
@media (max-width: 1040px) {
	.sh-blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sh-guide-placeholders {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.sh-page-hero--blog,
	.sh-article-hero {
		text-align: left;
	}

	.sh-page-hero--blog p,
	.sh-archive-description,
	.sh-article-lead {
		margin-left: 0;
	}

	.sh-article-hero .sh-post-meta {
		justify-content: flex-start;
	}

	.sh-blog-grid,
	.sh-guide-placeholders {
		grid-template-columns: 1fr;
	}

	.sh-blog-card__footer {
		align-items: flex-start;
		flex-direction: column;
	}

	.sh-article-featured {
		width: calc(100% - 24px);
	}

	.sh-article-featured img {
		border-radius: 20px;
	}

	.sh-article-content > p:first-of-type::first-letter {
		float: none;
		margin: 0;
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
		line-height: inherit;
	}

	.sh-article-footer .nav-links {
		grid-template-columns: 1fr;
	}

	.sh-article-footer .nav-next {
		text-align: left;
	}

	.sh-comments .comment-form {
		grid-template-columns: 1fr;
	}

	.sh-comments .comment-list .children {
		margin-left: 14px;
	}

	.sh-error-actions {
		flex-direction: column;
	}

	.sh-error-actions .sh-btn {
		width: 100%;
	}
}

/* ================================================================
   Soluciones Hospitalarias 1.6 · Blog editorial
   ================================================================ */
body.blog .sh-site-header,
body.archive.category .sh-site-header,
body.archive.tag .sh-site-header,
body.archive.date .sh-site-header,
body.archive.author .sh-site-header {
	position: fixed;
	top: 0;
	z-index: 1080;
	border: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
}
body.blog .sh-header-main,
body.blog .sh-site-header.is-scrolled .sh-header-main,
body.archive.category .sh-header-main,
body.archive.tag .sh-header-main,
body.archive.date .sh-header-main,
body.archive.author .sh-header-main {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
}
@media (min-width:981px){
	body.blog .sh-site-header,
	body.archive.category .sh-site-header,
	body.archive.tag .sh-site-header,
	body.archive.date .sh-site-header,
	body.archive.author .sh-site-header{left:var(--sh-book-spine-width);width:calc(100% - var(--sh-book-spine-width));}
	body.admin-bar.blog .sh-site-header,
	body.admin-bar.archive.category .sh-site-header,
	body.admin-bar.archive.tag .sh-site-header,
	body.admin-bar.archive.date .sh-site-header,
	body.admin-bar.archive.author .sh-site-header{top:32px;}
}
@media (max-width:980px){
	body.blog .sh-site-header,
	body.archive.category .sh-site-header,
	body.archive.tag .sh-site-header,
	body.archive.date .sh-site-header,
	body.archive.author .sh-site-header{left:0;width:100%;}
	body.blog .sh-header-main,
	body.archive.category .sh-header-main,
	body.archive.tag .sh-header-main,
	body.archive.date .sh-header-main,
	body.archive.author .sh-header-main{padding:10px 0 0;}
}

.sh-blog-magazine-hero,
.sh-blog-archive-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(126px,11vw,168px) 0 clamp(70px,8vw,110px);background:linear-gradient(135deg,#071126,#0b1020 58%,#13244a);color:#f8fafc;}
.sh-blog-magazine-hero__grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(91,140,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(91,140,255,.07) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(to bottom,black,transparent 96%);}
.sh-blog-magazine-hero__intro{display:grid;grid-template-columns:1fr minmax(300px,.72fr);gap:clamp(30px,6vw,90px);align-items:end;margin-bottom:42px;}
.sh-blog-magazine-hero__intro h1,.sh-blog-archive-hero h1{margin:16px 0 0;color:#fff;font-size:clamp(3.1rem,6vw,6.2rem);line-height:.93;letter-spacing:-.055em;}
.sh-blog-magazine-hero__intro p,.sh-blog-archive-hero__content p,.sh-blog-archive-hero .sh-archive-description{color:#bfd3ff;line-height:1.75;}
.sh-btn--youtube{border:1px solid rgba(255,90,90,.35);background:rgba(255,0,0,.08);color:inherit;}
.sh-btn--youtube:hover{border-color:#ff3b30;background:#ff1f1f;color:#fff;transform:translateY(-3px);box-shadow:0 14px 30px rgba(255,31,31,.22);}

.sh-blog-featured{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);overflow:hidden;border:1px solid rgba(191,211,255,.17);border-radius:30px;background:rgba(255,255,255,.045);box-shadow:0 34px 90px rgba(0,0,0,.28);backdrop-filter:blur(10px);}
.sh-blog-featured__media{position:relative;display:block;min-height:470px;overflow:hidden;background:#101a33;}
.sh-blog-featured__media img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1);}
.sh-blog-featured:hover .sh-blog-featured__media img{transform:scale(1.045);}
.sh-blog-featured__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(7,17,38,.28));}
.sh-blog-featured__number{position:absolute;left:24px;bottom:18px;z-index:2;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.18em;}
.sh-blog-featured__content{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,4vw,56px);}
.sh-blog-featured__content h2{margin:16px 0 18px;color:#fff;font-size:clamp(2rem,3.2vw,3.55rem);line-height:1.02;letter-spacing:-.035em;}
.sh-blog-featured__content h2 a{color:inherit;}
.sh-blog-featured__content>p{color:#bfd3ff;}
.sh-blog-featured__meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 24px;color:#829bd3;font-size:.68rem;font-weight:650;}
.sh-blog-featured .sh-text-link{color:#fff;}

.sh-blog-category-nav{position:sticky;top:0;z-index:46;border-bottom:1px solid var(--sh-border);background:color-mix(in srgb,var(--sh-surface) 90%,transparent);backdrop-filter:blur(18px);}
.sh-blog-category-nav .sh-shell{display:flex;gap:7px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:thin;}
.sh-blog-category-nav a{flex:0 0 auto;padding:9px 13px;border-radius:999px;color:var(--sh-muted-strong);font-size:.7rem;font-weight:760;}
.sh-blog-category-nav a:hover,.sh-blog-category-nav a.is-active{background:rgba(91,140,255,.12);color:var(--sh-primary-strong);}

.sh-blog-listing__heading{display:grid;grid-template-columns:1fr minmax(280px,.65fr);gap:30px;align-items:end;margin-bottom:38px;}
.sh-blog-listing__heading h2{margin-bottom:0;font-size:clamp(2.2rem,4vw,4rem);}
.sh-blog-listing__heading>p{margin:0;color:var(--sh-muted);}
.sh-blog-grid--editorial{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;}
.sh-blog-grid--editorial .sh-blog-card{grid-column:span 4;}
.sh-blog-grid--editorial .sh-blog-card:nth-child(6n+1),
.sh-blog-grid--editorial .sh-blog-card:nth-child(6n+5){grid-column:span 8;display:grid;grid-template-columns:1.1fr .9fr;}
.sh-blog-grid--editorial .sh-blog-card:nth-child(6n+1) .sh-blog-card__media,
.sh-blog-grid--editorial .sh-blog-card:nth-child(6n+5) .sh-blog-card__media{aspect-ratio:auto;min-height:100%;}
.sh-blog-card--editorial{position:relative;background:var(--sh-bg-alt);border-radius:24px;}
.sh-blog-card--editorial .sh-blog-card__media{aspect-ratio:16/10;}
.sh-blog-card__arrow{position:absolute;right:16px;top:16px;z-index:2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.9);color:#0b1020;opacity:0;transform:translateY(8px) rotate(-8deg);transition:all var(--sh-transition);}
.sh-blog-card:hover .sh-blog-card__arrow{opacity:1;transform:translateY(0) rotate(0);}
.sh-blog-card__topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;}
.sh-blog-card__topline .sh-blog-card__category{margin:0;}
.sh-blog-card--editorial .sh-blog-card__content{padding:26px;}
.sh-blog-card--editorial .sh-text-link{margin-top:auto;}
.sh-blog-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr));}

.sh-blog-channel{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:clamp(50px,6vw,80px);margin-bottom:clamp(70px,8vw,110px);padding:clamp(30px,4vw,52px);border:1px solid var(--sh-border);border-radius:26px;background:linear-gradient(135deg,var(--sh-bg-alt),var(--sh-surface));box-shadow:var(--sh-shadow-sm);}
.sh-blog-channel h2{max-width:780px;margin-bottom:10px;}.sh-blog-channel p{margin:0;max-width:760px;}
.sh-blog-archive-hero__content{display:flex;align-items:end;justify-content:space-between;gap:30px;}.sh-blog-archive-hero__content>div{max-width:850px;}

@media(max-width:980px){.sh-blog-magazine-hero__intro,.sh-blog-featured{grid-template-columns:1fr}.sh-blog-featured__media{min-height:360px}.sh-blog-grid--editorial .sh-blog-card{grid-column:span 6}.sh-blog-grid--editorial .sh-blog-card:nth-child(6n+1),.sh-blog-grid--editorial .sh-blog-card:nth-child(6n+5){grid-column:span 12}.sh-blog-archive-hero__content{align-items:flex-start;flex-direction:column}.sh-blog-channel{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.sh-blog-magazine-hero,.sh-blog-archive-hero{padding-top:108px}.sh-blog-magazine-hero__intro{grid-template-columns:1fr}.sh-blog-magazine-hero__intro h1,.sh-blog-archive-hero h1{font-size:clamp(2.9rem,15vw,4.6rem)}.sh-blog-featured__media{min-height:280px}.sh-blog-listing__heading{grid-template-columns:1fr}.sh-blog-grid--editorial .sh-blog-card,.sh-blog-grid--editorial .sh-blog-card:nth-child(6n+1),.sh-blog-grid--editorial .sh-blog-card:nth-child(6n+5){grid-column:1/-1;display:flex}.sh-blog-card__arrow{opacity:1;transform:none}.sh-blog-card__topline{align-items:flex-start;flex-direction:column}}
