.postbody{background-color: #fff;overflow-x: hidden;}
.postbody header{background-color: #E83C4C;}
.postbody footer{background-color: #E83C4C;}
.postbody .hmenu a.active{opacity: .5;}
.postbody .hbtn.red-btn{background: transparent;color:#fff;}
.postbody .footer__disclaimer{background: transparent;color:#fff;opacity: .77;}

.post__hero{height: 240px;overflow: hidden;}
.post__hero img{width: 100%;height: 100%;object-fit: cover;display: block;}

.post{padding: 55px 0 20px;}
.post__layout{display: flex;gap: 40px;align-items: flex-start;}
.post__article{flex: 1;min-width: 0;}
.post__meta{font-family: Inter;font-size: 14px;font-weight: 300;color:#9a9a9a;margin-bottom: 14px;}
.post__tag{height: 32px;line-height: 32px;background-color: #E83C4C;text-transform: uppercase;padding: 0 12px;width: max-content;font-size: 14px;margin-bottom: 18px;}
.post__article h1{color:#3F0C53;font-size: 38px;line-height: 1.25;font-weight: 400;margin-bottom: 18px;}
.post__lead{font-family: Inter;font-size: 18px;line-height: 1.5;color:#424242;font-weight: 300;margin-bottom: 24px;}
.post__line{height: 1px;background: #e8e8e8;margin: 0 0 28px;}
.post__article h2{color:#3F0C53;font-size: 26px;line-height: 1.3;font-weight: 400;margin: 32px 0 14px;}
.post__article p{font-family: Inter;font-size: 17px;line-height: 1.55;color:#333;font-weight: 300;margin-bottom: 16px;}
.post__article ul,
.post__article ol{
	margin: 0 0 18px;
	padding-left: 1.35em;
	color: #333;
}
.post__article ul{list-style: disc;}
.post__article ol{list-style: decimal;}
.post__article li{
	font-family: Inter, sans-serif;
	font-size: 17px;
	line-height: 1.55;
	color: #333;
	font-weight: 300;
	margin-bottom: 8px;
}
.post__article li::marker{color: #E83C4C;}
.post__article ul ul,
.post__article ol ol,
.post__article ul ol,
.post__article ol ul{margin: 8px 0 0;}
.post__article a{color: #E83C4C;}
.post__article{color:#333;}
.post__article .wp-block-table{
	margin: 0 0 24px;
	overflow-x: auto;
	color: #333;
}
.post__article table{
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 24px;
	color: #333;
	font-family: Inter, sans-serif;
	font-size: 16px;
	line-height: 1.45;
	font-weight: 300;
	background: #fff;
}
.post__article .wp-block-table table{margin-bottom: 0;}
.post__article th,
.post__article td{
	border: 1px solid #e0d6e6;
	padding: 10px 14px;
	text-align: left;
	vertical-align: top;
	color: #333;
}
.post__article .wp-block-table td,
.post__article .wp-block-table th{
	border-color: #e0d6e6;
}
.post__article thead th,
.post__article tr:first-child td:has(strong:only-child),
.post__article tr:first-child th{
	background: #f4f1f8;
	color: #3F0C53;
	font-weight: 600;
}

.post__side{width: 255px;flex-shrink: 0;display: flex;flex-direction: column;gap: 16px;}
.post__item{justify-content: space-around;padding: 28px 18px 20px 20px;border-radius: 16px;display: flex;flex-direction: column;min-height: 360px;box-shadow: 0 18px 28px -10px rgba(63, 12, 83, 0.18);}
.post__item a{color:#fff;}
.post__item h3{font-size: 20px;line-height: 1.25;font-weight: 400;margin-bottom: 12px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.post__item p{font-family: Inter;font-size: 14px;line-height: 1.49;font-weight: 300;opacity: .85;flex: 1;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.post__det{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.post__more{width: 39px;height: 39px;flex-shrink: 0;line-height: 0;}
.post__more svg{display: block;}
.post__date{font-family: Inter;font-size: 13px;font-weight: 300;opacity: .85;white-space: nowrap;}
.post__item:nth-child(1){background-color: #361E55;}
.post__item:nth-child(2){background-color: #994F78;}
.post__item:nth-child(3){background-color: #E83C4C;}

.postbody .three{padding-top: 50px;}

@media(max-width:920px){
    .post__layout{flex-wrap: wrap;}
    .post__side{width: 100%;flex-direction: row;flex-wrap: wrap;}
    .post__item{width: calc((100% - 16px) / 2);min-height: 260px;}
    .post__article h1{font-size: 32px;}
    .post__hero{height: 180px;}
}
@media(max-width:768px){
    .post{padding-top: 40px;}
    .post__article h1{font-size: 28px;}
    .post__article h2{font-size: 22px;}
    .post__lead{font-size: 16px;}
}
@media(max-width:500px){
    .post__hero{height: 140px;}
    .post__article h1{font-size: 24px;}
    .post__side{flex-direction: column;}
    .post__item{width: 100%;}
    .post__article p,.post__lead{overflow-wrap: break-word;}
}