/* KOVCHEG CMS 3.7.0 — public Page design
 * Author and copyright: Ланцет Семён Борисович
 * License: proprietary / all rights reserved
 */

.blog-theme-portal-matrix.blog-theme-document .portal-matrix-page-content,
.blog-theme-portal-matrix.blog-theme-page .portal-matrix-page-content{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}

.site-page{width:min(100%,980px);margin:0 auto;padding:30px 34px 36px;border:1px solid #dde5ee;border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.07)}
.site-page-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-8px 0 20px;padding:10px 12px;border:1px solid #f4d28c;border-radius:10px;background:#fff8e8;color:#7a4b00;font-size:12px}
.site-page-preview a{margin-left:auto;font-weight:700;color:#7a4b00}
.site-page-breadcrumbs{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:20px;color:#748196;font-size:11px}
.site-page-breadcrumbs a{color:#4f6f96;text-decoration:none}
.site-page-breadcrumbs span:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-page-header{padding-bottom:22px;border-bottom:1px solid #e6ebf1}
.site-page-rubrics{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.site-page-rubrics a,.site-page-footer a{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border-radius:999px;background:#edf4ff;color:#245a96;font-size:11px;font-weight:700;text-decoration:none}
.site-page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.site-page-title-row>div{min-width:0}
.site-page h1{max-width:850px;margin:0;color:#111827;font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.site-page-lead{max-width:780px;margin:16px 0 0;color:#526174;font-size:clamp(17px,2vw,21px);line-height:1.55}
.site-page-edit{flex:none;padding:8px 11px;border:1px solid #cbd7e5;border-radius:8px;background:#f8fafc;color:#244d7a;font-size:12px;font-weight:700;text-decoration:none}
.site-page-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:15px;color:#8a95a5;font-size:11px}
.site-page-cover{margin:24px 0 0;overflow:hidden;border-radius:14px;background:#e8edf3}
.site-page-cover img{display:block;width:100%;max-height:520px;object-fit:cover}
.site-page-content{max-width:800px;margin:0 auto;padding:34px 0 8px;color:#253247;font-size:18px;line-height:1.78}
.site-page-content>:first-child{margin-top:0}
.site-page-content>:last-child{margin-bottom:0}
.site-page-content h2{margin:2.1em 0 .65em;color:#142033;font-size:32px;line-height:1.18;letter-spacing:-.025em}
.site-page-content h3{margin:1.8em 0 .55em;color:#1f2c3d;font-size:24px;line-height:1.25}
.site-page-content p{margin:0 0 1.25em}
.site-page-content ul,.site-page-content ol{margin:0 0 1.35em;padding-left:1.45em}
.site-page-content li+li{margin-top:.45em}
.site-page-content blockquote{margin:1.8em 0;padding:18px 22px;border-left:4px solid #4b7fb6;border-radius:0 12px 12px 0;background:#f5f8fc;color:#3e526a;font-size:19px}
.site-page-content img{display:block;max-width:100%;height:auto;margin:1.5em auto;border-radius:12px}
.site-page-content a{color:#1f5f9f;text-decoration-thickness:1px;text-underline-offset:3px}
.site-page-content table{display:block;width:100%;overflow:auto;border-collapse:collapse}
.site-page-content th,.site-page-content td{padding:10px 12px;border:1px solid #dde5ee;text-align:left}
.site-page-content pre{overflow:auto;padding:16px;border-radius:10px;background:#111827;color:#edf2f7;font-size:14px;line-height:1.55}
.site-page-empty{padding:28px;border:1px dashed #cdd7e2;border-radius:12px;background:#f8fafc;color:#7b8798;text-align:center}
.site-page-footer{display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:800px;margin:28px auto 0;padding-top:18px;border-top:1px solid #e6ebf1;color:#7a8798;font-size:11px}

.site-page-related,.site-page-comments{width:min(100%,980px);margin:18px auto 0;padding:24px 28px;border:1px solid #dde5ee;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045)}
.site-page-related>header span,.site-page-comments>header span{color:#5b7594;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.site-page-related>header h2,.site-page-comments>header h2{margin:4px 0 16px;color:#142033;font-size:24px;letter-spacing:-.025em}
.site-page-related>header h2 small,.site-page-comments>header h2 small{color:#8b96a5;font-size:14px}
.site-page-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.site-page-related-grid article{padding:15px;border:1px solid #e1e7ee;border-radius:11px;background:#fbfcfe}
.site-page-related-grid h3{margin:0 0 7px;font-size:17px;line-height:1.3}
.site-page-related-grid h3 a{color:#15263a;text-decoration:none}
.site-page-related-grid p{margin:0 0 10px;color:#667386;font-size:12px;line-height:1.5}
.site-page-related-open{font-size:12px;font-weight:700;color:#245f9e;text-decoration:none}

.site-page-comment-list{display:grid;gap:10px}
.site-page-comment-list article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:13px;border:1px solid #e1e7ee;border-radius:10px;background:#fbfcfe}
.site-page-comment-list article header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.site-page-comment-list article p{margin:6px 0 0;color:#394a60;font-size:13px;line-height:1.55}
.site-page-comment-list time{color:#8b96a5;font-size:10px}
.site-page-comments-empty{color:#7b8798;font-size:13px}
.site-page-comment-form{display:grid;gap:8px;margin-top:14px}
.site-page-comment-form label{font-size:12px;font-weight:700}
.site-page-comment-form textarea{width:100%;padding:12px;border:1px solid #cfd9e5;border-radius:9px;resize:vertical}
.site-page-comment-form>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.site-page-comment-form small{color:#7e8a9a}
.site-page-comment-form button,.site-page-login a{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:0;border-radius:8px;background:#1f5f9f;color:#fff;font-weight:700;text-decoration:none;cursor:pointer}
.site-page-login{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:10px;background:#f5f8fc;color:#536174;font-size:13px}

@media(max-width:820px){
 .site-page{padding:24px 22px 30px;border-radius:14px}
 .site-page h1{font-size:clamp(31px,8vw,46px)}
 .site-page-content{padding-top:28px;font-size:17px;line-height:1.72}
 .site-page-related,.site-page-comments{padding:20px;border-radius:13px}
}
@media(max-width:560px){
 .site-page{padding:18px 15px 24px;border-radius:12px}
 .site-page-title-row{display:block}
 .site-page-edit{display:inline-flex;margin-top:14px}
 .site-page h1{font-size:33px}
 .site-page-lead{font-size:17px}
 .site-page-content{font-size:16px;line-height:1.68}
 .site-page-content h2{font-size:26px}
 .site-page-content h3{font-size:21px}
 .site-page-related-grid{grid-template-columns:1fr}
 .site-page-related,.site-page-comments{padding:16px}
 .site-page-comment-form>div,.site-page-login{align-items:flex-start;flex-direction:column}
}