:root{
	--green:#006838;
	--muted:#6b7280;
	--border:#e5e7eb;
}

/*body{*/
	/*font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;*/
/*}*/

.page .container{ max-width: 1100px; }

/* breadcrumb */
/*.breadcrumb-wrap .breadcrumb a{*/
	/*color:#6b7280;*/
	/*text-decoration:none;*/
/*}*/
.news-card .title-head {
	line-height: 1.35;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #0b1f2a;
	font-size: 24px;
	font-weight: 700;
}

/*.breadcrumb-wrap .breadcrumb a:hover{ text-decoration:underline; }*/

/* selects */
.filter-select .form-select{
	background: var(--green);
	color:#fff;
	border:0;
	padding: .55rem 2rem .55rem .75rem;
	border-radius: .25rem;
	width: 220px;
}
.filter-select .form-select:focus{ box-shadow:none; }

.sort-select .form-select{
	width: 110px;
	border-color: var(--border);
	border-radius: .25rem;
	height: 100%;
	padding: 14px;
}
.sort-select .form-select:focus{ box-shadow:none; }

/* featured */
.featured{
	border-radius: .75rem;
	overflow:hidden;
	background:#fff;
}
.thumb{
	position:relative;
	width:100%;
	aspect-ratio: 16/10;
	overflow:hidden;
}
.thumb img{
	width:100%;
	height: auto;
	object-fit:cover;
	display:block;
	border-radius: 16px;
}
.thumb--featured{
	aspect-ratio: 16/8;
}
.featured .date{
	font-size: 12px;
	color: var(--muted);
}

/* cards */
.news-card{
	border-radius: .75rem;
	overflow:hidden;
	background:#fff;
}
.news-card .thumb{
	aspect-ratio: 16/9;
}
.news-card .card-body{
	padding: .9rem 1rem 1rem 0rem;
	border: none;
}
.news-card .date{
	font-size: 12px;
	color: var(--muted);
	margin-bottom: .35rem;
}
.fw-semibold-tit {
	color: #0b1f2a;
	font-size: 36px;
	font-weight: 700;
}
 .featured   .sec-con   p {
	 font-size: 16px;
	 color: #163048;
   }
.pagination .page-link {
	border: 0;
	color: #6b7280;
	background: transparent;
	border-radius: 40px;
	padding: .25rem 0.65rem;
}
.ck-content ol {
	list-style-type: decimal;
	list-style-type: none;
}
.news-card .title{
	line-height: 1.35;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #0b1f2a;
	font-size: 20px;
	font-weight: 700;
}


.pagination .page-item.active .page-link{
	background: var(--green);
	color:#fff;
}
.shadow-sm{
    box-shadow: none !important;
}
.page{
	background: #ffffff;
}
.ck-content ul {
	list-style-type: none;
}
.featured .fw-semibold {
	color: #0b1f2a;
	font-size: 24px;
	font-weight: 700;
}
/* responsive */
@media (max-width: 575.98px){
	.filter-select .form-select{ width: 100%; }
	.sort-select .form-select{ width: 100%; }
}

/*//////////////////////////////*/
/* Match the screenshot: soft gray pill + subtle border, centered content */
.doc-pill{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;

	width:100%;
	padding:12px 14px;

	background:#d8d8d8;
	border:1px solid rgba(0,0,0,.08);
	border-radius:6px;

	text-decoration:none;
	color:#1f2a37;
	margin-left: 0px !important;
}

/* hover/focus for accessibility */
.doc-pill:hover{
	filter: brightness(0.98);
}
.doc-pill:focus-visible{
	outline: 3px solid rgba(13,110,253,.35);
	outline-offset: 2px;
}

.doc-title{
	font-size: 12px;
	font-weight: 400;
	min-width: 0;
	color: #163048;
}

.doc-icon{
	display:grid;
	place-items:center;
	width:28px;
	height:28px;
	border-radius:6px;
	background: rgba(255,255,255,.35);
}

/* keep icon size similar to screenshot */
.doc-icon .bi{
	font-size:16px;
	line-height:1;
}

/* Make pills look like the screenshot on wider screens (shorter width) */
@media (min-width: 768px){
	.doc-pill{
		max-width: 420px;
		margin-left:auto;
		margin-right:auto;
	}
}

.date-share-bar{
	padding: 6px 0;
}

.bar-date{
	font-size: 12px;
	color: #4b5563; /* muted */
}

.bar-share {
	font-size: 16px;
	font-weight: 700;
	color: #163048;
	text-decoration: none;
}

.bar-share:hover{
	text-decoration: underline;
}

.bar-share .bi{
	font-size: 20px;
	/*line-height: 1;*/
}
.date{
	color : #163048 ;
	font-size: 14px;
	font-weight: 400;
}

/* Mobile spacing */
@media (max-width: 575.98px){
	.date-share-bar{
		padding: 10px 0;
	}
}

.title-sec{
	color: #163048;
	font-size: 36px;
	font-weight: 700;
}