/* KOVCHEG Blog 3.5.8 — compact public blog layout
 * Author and copyright: Ланцет Семён Борисович.
 * License: proprietary / all rights reserved.
 */

.blog-theme-portal-matrix{
 --portal-page-max:1280px;
 --portal-side-left:200px;
 --portal-side-right:230px;
 --portal-gap:14px;
 background:#edf2f7;
}

.portal-matrix-header{min-height:68px!important}
.portal-matrix-header-grid{
 width:min(var(--portal-page-max),calc(100% - 28px))!important;
 min-height:68px!important;
 margin:0 auto!important;
 gap:10px!important;
 padding:8px 0!important;
}
.portal-matrix-header-cell{min-height:0!important}
.portal-matrix-header-cell--1{min-width:230px!important}
.portal-brand-fallback,.site-brand{gap:9px!important}
.portal-brand-fallback img,.site-brand__logo{width:46px!important;height:46px!important}
.portal-brand-fallback b,.site-brand__title{font-size:18px!important}
.portal-brand-fallback small,.site-brand__tagline{font-size:10px!important}
.portal-matrix-preheader,.portal-matrix-postheader{min-height:0!important}

.portal-matrix-viewport{
 width:min(var(--portal-page-max),calc(100% - 28px))!important;
 margin:0 auto!important;
 padding:14px 0 18px!important;
}
.portal-matrix-columns{
 display:grid!important;
 grid-template-columns:minmax(0,1fr)!important;
 gap:var(--portal-gap)!important;
 align-items:start!important;
}
.portal-matrix-columns.portal-matrix--three{
 grid-template-columns:var(--portal-side-left) minmax(0,1fr) var(--portal-side-right)!important;
}
.portal-matrix-columns.portal-matrix--left{grid-template-columns:var(--portal-side-left) minmax(0,1fr)!important}
.portal-matrix-columns.portal-matrix--right{grid-template-columns:minmax(0,1fr) var(--portal-side-right)!important}

.portal-matrix-sidebar,
.portal-matrix-sidebar-grid,
.portal-matrix-content,
.portal-matrix-content-grid,
.portal-matrix-slot{
 min-height:0!important;
 height:auto!important;
}
.portal-matrix-sidebar{
 position:sticky!important;
 top:82px!important;
 padding:10px!important;
 border-radius:14px!important;
}
.portal-matrix-sidebar-grid{gap:10px!important;grid-auto-rows:max-content!important}
.portal-matrix-slot--sidebar:empty,.portal-matrix-slot--content:empty{display:none!important}
.portal-matrix-sidebar .widget,
.portal-matrix-sidebar .widget-shell,
.portal-matrix-sidebar .widget-navigation,
.portal-matrix-sidebar .widget-categories,
.portal-matrix-sidebar .widget-search{
 padding:11px!important;
 border-radius:11px!important;
}
.portal-matrix-sidebar h2,.portal-matrix-sidebar h3,.portal-matrix-sidebar .widget-title{font-size:14px!important;margin-bottom:8px!important}
.portal-matrix-sidebar a,.portal-matrix-sidebar button,.portal-matrix-sidebar input{font-size:12px!important}
.portal-matrix-sidebar nav a{padding:7px 4px!important}

.portal-matrix-content{min-width:0!important}
.portal-matrix-content-grid{gap:10px!important}
.portal-matrix-page-content{
 min-width:0!important;
 padding:18px!important;
 border-radius:15px!important;
 overflow:hidden!important;
}

.portal-blog-heading{
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:18px;
 margin:0 0 14px;
 padding:2px 2px 13px;
 border-bottom:1px solid #dde4ec;
}
.portal-blog-heading h1{margin:2px 0 4px;font-size:clamp(27px,3.2vw,38px);line-height:1.08;letter-spacing:-.035em}
.portal-blog-heading p{max-width:720px;margin:0;color:#637083;font-size:14px;line-height:1.5}
.portal-blog-heading--archive{margin-bottom:10px}
.portal-kicker{font-size:10px!important;letter-spacing:.11em!important}

.portal-blog-feed{display:grid;gap:10px}
.portal-post-card{
 display:grid;
 grid-template-columns:210px minmax(0,1fr);
 min-width:0;
 overflow:hidden;
 border:1px solid #dde4ec;
 border-radius:12px;
 background:#fff;
 box-shadow:0 3px 12px rgba(15,23,42,.045);
}
.portal-post-card.without-cover{grid-template-columns:1fr}
.portal-post-card__cover{
 display:block;
 width:210px;
 min-height:138px;
 max-height:170px;
 overflow:hidden;
 background:#e8edf3;
}
.portal-post-card__cover img{display:block;width:100%;height:100%;min-height:138px;object-fit:cover}
.portal-post-card__body{display:flex;flex-direction:column;min-width:0;padding:13px 15px}
.portal-post-card .portal-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:5px;font-size:10px;color:#778397}
.portal-post-card h2{margin:0 0 6px;font-size:20px;line-height:1.22;letter-spacing:-.018em}
.portal-post-card h2 a{color:#101828;text-decoration:none}
.portal-post-card h2 a:hover{color:#2f67a4}
.portal-post-card p{
 display:-webkit-box;
 overflow:hidden;
 margin:0 0 9px;
 color:#4e5d70;
 font-size:13px;
 line-height:1.48;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:3;
}
.portal-post-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:11px;color:#7b8798}
.portal-read-more{font-weight:700;color:#255f9e;text-decoration:none}

.portal-projects-compact{margin-top:20px!important}
.portal-project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.portal-project-list article{
 display:grid;
 grid-template-columns:96px minmax(0,1fr);
 gap:11px;
 min-width:0;
 padding:9px;
 border:1px solid #dde4ec;
 border-radius:11px;
 background:#fff;
}
.portal-project-list article.without-cover{grid-template-columns:1fr}
.portal-project-list__cover{width:96px;height:76px;overflow:hidden;border-radius:8px;background:#e8edf3}
.portal-project-list__cover img{width:100%;height:100%;object-fit:cover}
.portal-project-list h3{margin:1px 0 5px;font-size:15px;line-height:1.25}
.portal-project-list p{display:-webkit-box;overflow:hidden;margin:0;color:#667085;font-size:11px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.portal-empty--compact{min-height:160px!important;padding:28px 20px!important}
.portal-empty--compact h2{font-size:24px!important}

.single-entry{max-width:860px!important;margin:0 auto!important}
.single-entry__header{padding:4px 0 16px!important}
.single-entry__header h1{max-width:820px!important;margin:8px 0 10px!important;font-size:clamp(30px,4vw,46px)!important;line-height:1.08!important}
.single-entry__lead{max-width:760px!important;font-size:17px!important;line-height:1.55!important}
.single-entry__cover{
 max-width:860px!important;
 max-height:360px!important;
 margin:0 auto 20px!important;
 overflow:hidden!important;
 border-radius:13px!important;
}
.single-entry__cover img{display:block!important;width:100%!important;height:360px!important;object-fit:cover!important}
.single-entry__body{max-width:760px!important;margin:0 auto!important;font-size:17px!important;line-height:1.68!important}
.single-entry__body img{max-height:520px!important;object-fit:contain!important}
.single-entry__footer,.interaction-section,.comments-section,.related-section{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
.portfolio-facts{max-width:760px!important;margin:0 auto 18px!important}

.portal-matrix-footer{padding:12px 0 8px!important}
.portal-matrix-footer-grid,.portal-matrix-copyright{width:min(var(--portal-page-max),calc(100% - 28px))!important;margin:0 auto!important}
.portal-matrix-footer-grid{gap:8px!important}
.portal-matrix-footer .widget-subscription{padding:8px 0!important}
.portal-matrix-footer .widget-subscription form{display:flex!important;max-width:430px!important;gap:7px!important}
.portal-matrix-footer .widget-subscription input{height:34px!important;padding:6px 10px!important}
.portal-matrix-footer .widget-subscription button{height:34px!important;padding:6px 12px!important}
.portal-matrix-copyright{padding-top:8px!important;font-size:10px!important}

@media(max-width:1100px){
 .portal-matrix-columns.portal-matrix--three{grid-template-columns:180px minmax(0,1fr)!important}
 .portal-matrix-sidebar--right{display:none!important}
 .portal-matrix-columns.portal-matrix--right{grid-template-columns:1fr!important}
 .portal-project-list{grid-template-columns:1fr}
}
@media(max-width:820px){
 .portal-matrix-header-grid,.portal-matrix-viewport,.portal-matrix-footer-grid,.portal-matrix-copyright{width:min(100% - 18px,var(--portal-page-max))!important}
 .portal-matrix-columns,.portal-matrix-columns.portal-matrix--three,.portal-matrix-columns.portal-matrix--left{grid-template-columns:1fr!important}
 .portal-matrix-sidebar{position:static!important}
 .portal-matrix-sidebar--left{display:none!important}
 .portal-matrix-page-content{padding:13px!important}
 .portal-post-card{grid-template-columns:150px minmax(0,1fr)}
 .portal-post-card__cover{width:150px;max-height:150px}
 .portal-post-card h2{font-size:17px}
 .portal-post-card p{-webkit-line-clamp:2}
 .single-entry__cover,.single-entry__cover img{height:280px!important;max-height:280px!important}
}
@media(max-width:560px){
 .portal-blog-heading{align-items:flex-start;flex-direction:column}
 .portal-blog-heading h1{font-size:28px}
 .portal-post-card{display:block}
 .portal-post-card__cover{width:100%;height:180px;max-height:180px}
 .portal-post-card__cover img{height:180px}
 .portal-post-card__body{padding:11px 12px}
 .portal-post-card h2{font-size:18px}
 .portal-post-card p{-webkit-line-clamp:3}
 .portal-project-list article{grid-template-columns:82px minmax(0,1fr)}
 .portal-project-list__cover{width:82px;height:68px}
 .single-entry__header h1{font-size:29px!important}
 .single-entry__cover,.single-entry__cover img{height:220px!important;max-height:220px!important}
 .single-entry__body{font-size:16px!important}
}