/* SD Nugraha — public publication archive */

/* Intro cards */
.sdn-publication-intro{
	padding-top:52px;
	padding-bottom:30px;
}
.sdn-publication-intro-lead{
	max-width:820px;
	margin:0 0 26px;
	color:var(--sdn-muted);
}
.sdn-publication-type-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px;
	margin-top:22px;
}
.sdn-publication-type-card{
	display:flex;
	align-items:flex-start;
	gap:13px;
	min-height:150px;
	padding:18px;
	border:1px solid var(--sdn-line);
	border-radius:18px;
	background:linear-gradient(180deg,#fff 0%,#fff9f7 100%);
	color:inherit;
	text-decoration:none;
	box-shadow:0 8px 24px rgba(78,36,45,.04);
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.sdn-publication-type-card:hover{
	transform:translateY(-2px);
	border-color:#e8c2c7;
	box-shadow:0 14px 30px rgba(78,36,45,.08);
}
.sdn-publication-type-icon{
	display:grid;
	place-items:center;
	flex:0 0 40px;
	width:40px;
	height:40px;
	border-radius:12px;
	background:#fff0ee;
	color:var(--sdn-maroon);
	font-family:'Epilogue',sans-serif;
	font-size:.86rem;
	font-weight:900;
}
.sdn-publication-type-card small{
	display:block;
	margin-bottom:6px;
	color:var(--sdn-red);
	font-size:.64rem;
	font-weight:900;
	letter-spacing:.08em;
}
.sdn-publication-type-card strong{
	display:block;
	color:var(--sdn-maroon-dark);
	font-family:'Epilogue',sans-serif;
	font-size:.98rem;
	line-height:1.28;
}
.sdn-publication-type-card p{
	margin:8px 0 0;
	color:var(--sdn-muted);
	font-size:.82rem!important;
	line-height:1.55!important;
}

/* Dynamic publication area */
.sdn-dynamic-news{
	padding-top:34px;
}
.sdn-filter-bar{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
	margin:18px 0 26px;
}
.sdn-filter-bar a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	padding:8px 14px;
	border:1px solid #decbd0;
	border-radius:999px;
	background:#fff;
	color:var(--sdn-maroon-dark);
	font-size:.78rem;
	font-weight:850;
	line-height:1;
	text-decoration:none;
	transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.sdn-filter-bar a:hover{
	transform:translateY(-1px);
	border-color:#cfaeb5;
	background:#fff8f6;
}
.sdn-filter-bar a.is-active{
	border-color:transparent;
	background:linear-gradient(135deg,var(--sdn-maroon),var(--sdn-red));
	color:#fff;
	box-shadow:0 8px 18px rgba(143,31,47,.16);
}

.sdn-post-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:20px;
}
.sdn-post-card{
	overflow:hidden;
	border:1px solid var(--sdn-line);
	border-radius:20px;
	background:#fff;
	box-shadow:0 10px 26px rgba(70,35,45,.05);
}
.sdn-post-thumb{
	display:block;
	width:100%;
	overflow:hidden;
	background:#f7f4f5;
}
.sdn-post-thumb img{
	display:block;
	width:100%;
	aspect-ratio:16/10;
	height:auto;
	object-fit:cover;
	object-position:center;
}
.sdn-post-card--prestasi .sdn-post-thumb{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	background:#f6f6f6;
}
.sdn-post-card--prestasi .sdn-post-thumb img{
	aspect-ratio:auto;
	height:auto;
	object-fit:contain;
	object-position:center top;
}
.sdn-post-card-body{
	padding:18px;
}
.sdn-post-meta-line{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
	margin-bottom:10px;
	color:var(--sdn-muted);
	font-size:.7rem;
	font-weight:750;
}
.sdn-post-meta-line span{
	display:inline-flex;
	padding:4px 7px;
	border-radius:999px;
	background:#fff1ef;
	color:var(--sdn-maroon);
}
.sdn-post-card h3{
	margin:0 0 9px;
	font-size:1.02rem;
	line-height:1.34;
}
.sdn-post-card h3 a{
	color:var(--sdn-maroon-dark);
	text-decoration:none;
}
.sdn-post-card-body>p{
	margin:0 0 14px;
	color:var(--sdn-muted);
	font-size:.84rem!important;
	line-height:1.62!important;
}
.sdn-news-link{
	display:inline-flex;
	align-items:center;
	gap:5px;
	color:var(--sdn-maroon);
	font-size:.79rem;
	font-weight:850;
	text-decoration:none;
}

/* Empty state */
.sdn-dynamic-news .sdn-empty-state{
	padding:26px;
	border:1px dashed #dbc8cd;
	border-radius:16px;
	background:#fff9f7;
	color:var(--sdn-muted);
}

@media(max-width:980px){
	.sdn-publication-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.sdn-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
	.sdn-publication-intro{padding-top:38px}
	.sdn-publication-type-grid{grid-template-columns:1fr}
	.sdn-publication-type-card{min-height:0;padding:16px}
	.sdn-filter-bar{
		flex-wrap:nowrap;
		overflow-x:auto;
		padding-bottom:4px;
		scrollbar-width:none;
	}
	.sdn-filter-bar::-webkit-scrollbar{display:none}
	.sdn-filter-bar a{flex:0 0 auto}
	.sdn-post-grid{grid-template-columns:1fr}
	.sdn-post-card{border-radius:17px}
	.sdn-post-card-body{padding:16px}
}