:root{
	--sic-cel:#6AA9E0; --sic-deep:#3F84C6; --sic-blue:#0D5EAF;
	--sic-ink:#15181E; --sic-muted:#5B6472; --sic-line:rgba(16,24,40,.10);
	--sic-grad:linear-gradient(135deg,#6AA9E0,#0D5EAF);
}
.si-ph{ color:#9AA3B2; font-style:italic; }

/* filters */
.si-content-filters{ display:flex; gap:8px; flex-wrap:wrap; margin:6px 0 20px; }
.si-cfilter{
	border:1px solid var(--sic-line); background:#fff; color:var(--sic-muted);
	padding:7px 14px; border-radius:999px; cursor:pointer; font-weight:600; font-size:.9rem;
}
.si-cfilter.is-active{ background:var(--sic-blue); color:#fff; border-color:var(--sic-blue); }

/* grid */
.si-content-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:24px; margin:26px 0; }

.si-card{
	display:block; text-decoration:none; color:inherit; background:#fff;
	border:1px solid var(--sic-line); border-radius:18px; overflow:hidden;
	transition:transform .2s, box-shadow .2s;
}
.si-card:hover{ transform:translateY(-3px); box-shadow:0 16px 36px rgba(13,94,175,.14); }

.si-card__media{ position:relative; aspect-ratio:16/10; background:var(--sic-grad); }
.si-card__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.si-card__media-fallback{ display:block; width:100%; height:100%; background:var(--sic-grad); }

.si-card__cat{
	position:absolute; top:12px; left:12px; z-index:2;
	font:700 .66rem/1 "Inter",sans-serif; letter-spacing:.08em; text-transform:uppercase;
	color:#fff; background:rgba(13,94,175,.92); border-radius:999px; padding:5px 10px;
}
.si-card__icon{
	position:absolute; bottom:-18px; left:18px; z-index:2;
	width:48px; height:48px; border-radius:13px; display:flex; align-items:center; justify-content:center;
	font-size:24px; background:#fff; box-shadow:0 8px 18px rgba(13,94,175,.22); border:1px solid var(--sic-line);
}

.si-card__body{ padding:26px 20px 20px; }
.si-card__title{ margin:0 0 7px; font-size:1.14rem; color:var(--sic-ink); }
.si-card__arrow{ color:var(--sic-blue); font-size:.9em; }
.si-card__desc{ margin:0; color:var(--sic-muted); font-size:.94rem; line-height:1.6; }

.si-card__tools{ list-style:none; display:flex; flex-wrap:wrap; gap:6px; margin:13px 0 0; padding:0; }
.si-card__tools li{
	font-size:.74rem; color:var(--sic-deep); background:#EAF2FB;
	border:1px solid rgba(13,94,175,.14); border-radius:999px; padding:3px 9px;
}

/* News as rows: each post 80% width, alternating left / right (zigzag) */
.si-content-rows{ display:flex; flex-direction:column; gap:22px; margin:26px 0; }
.si-content-rows .si-card{ display:flex; flex-direction:row; align-items:stretch; width:80%; }
.si-content-rows .si-card:nth-child(odd){ align-self:flex-start; }
.si-content-rows .si-card:nth-child(even){ align-self:flex-end; }
.si-content-rows .si-card__media{ flex:0 0 42%; max-width:460px; aspect-ratio:auto; min-height:230px; }
.si-content-rows .si-card__media img{ height:100%; }
.si-content-rows .si-card__icon{ bottom:14px; }
.si-content-rows .si-card__body{ flex:1; display:flex; flex-direction:column; justify-content:center; padding:26px 32px; }
@media (max-width:768px){
	.si-content-rows .si-card{ width:100%; flex-direction:column; align-self:stretch; }
	.si-content-rows .si-card__media{ flex:none; max-width:none; aspect-ratio:16/10; min-height:0; }
}

.si-card.is-hidden{ display:none; }