.main-container{margin:calc(var(--section-space-normal) + 5px) 0;}

.profile-main{width:100%; max-width:300px; display:grid; grid-template-columns:1fr; grid-gap:5px;}
.profile-main *{text-align:center; font-size:16px;}
.profile-main-thumb{position:relative; margin-bottom:7px;}
.profile-main-thumb:after{content:''; display:block; padding-top:133.33%;}
.profile-main-name{font-size:24px !important; line-height:120% !important; color:#424242; font-weight:bold; text-transform:uppercase; display:block;}
.profile-main-job{display:block; text-transform:capitalize;}

.profile-quote-box, .profile-quote-box h2{font-style:italic; text-align:center; color:var(--color-link-primary);}
.profile-quote-box .fa-quote-left, .profile-quote-box .fa-quote-right{font-size:36px;}
.profile-quote-box .fa-quote-left{margin-top:20px;}
.profile-quote-box .fa-quote-right{margin-bottom:20px;}
.profile-quote-box h2{margin:15px 0; font-weight:900; 
font-size:36px; line-height:42px; text-transform:uppercase;}
.pqb-border{height:2px; width:100%;}
.profile-quote-image{background-color:var(--color-link-primary);}
.profile-quote-image:after{content:''; display:block; padding-top:35.8%;}
.profile-quote-image img{object-fit:none;}

.profile-history{display:block; color:#424242;}
.profile-history, .profile-history *{font-size:18px; line-height:28px;}
.profile-history h4, .profile-history h6, .profile-history p{margin-top:15px;}
.profile-history-opening{margin-top:0 !important;}
.profile-history h4, .profile-history h6{font-weight:bold;}
.profile-history ul, .profile-history ol{margin-left:20px;}
.profile-history > ul{list-style:disc;}
.profile-history > ol{list-style:decimal;}
.profile-history > ul > li > ul{list-style:circle;}
.profile-history * > li > ol{list-style:upper-roman;}
.profile-history li{padding:3px 0;}

.siapa-list{grid-template-columns:repeat(auto-fill, minmax(150px,1fr));}

.article-list-container{display:grid; grid-template-columns:1fr; grid-gap:var(--section-space-small);}
.article-list-row{--article-thumb-size:95px; display:grid; grid-template-columns:var(--article-thumb-size) 1fr; grid-gap:var(--section-space-small); 
padding-bottom:var(--section-space-small); border-bottom:1px dashed;}
.article-list-thumb{position:relative;}
.article-list-thumb:after, .article-list-thumb-link{width:100%;}
.article-list-thumb:after, .article-list-thumb-link:after{padding-top:100%;}
.article-list-thumb-link{z-index:2; display:block;}
.article-list-thumb-link:after{display:block; content:'';}
.article-list-info{justify-content:flex-start;}
.article-list-info > span{display:flex; flex-wrap:wrap;}
.article-list-info > span > *:not(.article-list-title){margin:7px 7px 0 0;}
.article-list-info > span > *:not(.article-list-title) *{font-size:12px;}
.article-list-info .title-network{display:inline-block; padding:3px 5px;}
.article-list-title{width:100%;}
.article-list-title h2{font-size:16px; line-height:140%; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.article-list-date{font-weight:normal;}

@media screen and (min-width:640px){
  .article-list-row{--article-thumb-size:145px;}
  .article-list-thumb:after, .article-list-thumb-link:after{padding-top:56.25%;}
}

@media screen and (min-width:1024px){
  .profile-quote-image:after{content:''; display:block; padding-top:132.87%;}
}