.blog-page{max-width:1140px;padding-block:30px 50px}
.blog-page-head h1{font-size:30px;line-height:1.3;margin:0 0 24px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-card{min-width:0;border:1px solid #e2e8e3;border-radius:14px;overflow:hidden;background:#fff}
.blog-card>a{display:block;color:inherit;text-decoration:none;height:100%}
.blog-card>a>img,.blog-card-art{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#edf6f0}
.blog-card-art{display:grid;place-items:center;color:#79a58f}
.blog-card-art svg{width:44px;height:44px}
.blog-card-copy{padding:18px}
.blog-card-category{font-size:11px;color:#14774e}
.blog-card h2{font-size:19px;line-height:1.4;margin:7px 0 10px;overflow-wrap:anywhere}
.blog-card p{font-size:13px;line-height:1.6;color:#738076;margin:0 0 16px}
.blog-card small{font-size:11px;color:#94a098}
.blog-article{max-width:780px}
.blog-back{display:inline-block;font-size:13px;color:#567363;margin-bottom:24px;text-decoration:none;padding-block:6px}
.blog-article h1{font-size:34px;line-height:1.3;letter-spacing:-.02em;margin:12px 0 16px;overflow-wrap:anywhere}
.blog-article-excerpt{font-size:17px;line-height:1.6;color:#68796f;margin:0 0 16px}
.blog-article-meta{font-size:12px;color:#89978e;margin-bottom:22px}
.blog-article-cover{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:14px;margin-bottom:28px}
.blog-article-body{font-size:16px;line-height:1.8;color:#30463a;overflow-wrap:anywhere}
.blog-article-body p{margin:0 0 22px}
.blog-article-body h2{font-size:23px;line-height:1.4;margin:30px 0 14px}
.blog-article>.btn{margin-top:20px}
.blog-admin-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.blog-admin-heading h1{margin-top:8px}
.blog-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 22px}
.blog-admin-toolbar input{min-height:44px}
.blog-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.blog-admin-card.panel{padding:0;overflow:hidden;min-width:0}
.blog-admin-card>img,.blog-cover-empty{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#eff5f1}
.blog-cover-empty{display:grid;place-items:center;color:#84a590}
.blog-cover-empty svg{width:44px;height:44px}
.blog-admin-card>div:not(.blog-cover-empty){padding:18px}
.blog-admin-card h2{font-size:18px;line-height:1.4;margin:12px 0 8px;overflow-wrap:anywhere}
.blog-admin-card p{font-size:13px;line-height:1.6;color:#78877d;margin:0 0 16px}
.blog-editor{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}
.blog-editor>div,.blog-editor aside{min-width:0}
.blog-editor input,.blog-editor textarea{max-width:100%;font-size:15px}
.blog-editor textarea[name=body]{line-height:1.7;resize:vertical}
.blog-editor-options>summary{cursor:pointer;font-size:14px;line-height:1.4;min-height:44px;padding-block:10px}
.blog-editor-options>.stack{padding-top:14px}
.blog-save-actions{flex-wrap:wrap;gap:10px}
.blog-save-actions button{min-height:44px}
.blog-editor-preview{position:sticky;top:80px}
.blog-editor-preview img{width:100%;height:auto;border-radius:10px;margin-bottom:18px}
.blog-editor-preview h2{font-size:24px;line-height:1.4;overflow-wrap:anywhere;margin:12px 0}
.blog-preview-excerpt{font-size:14px;line-height:1.6;color:#7b887f;margin-bottom:22px}
.blog-save-status{font-size:13px;line-height:1.5;color:#486c57}
@media(max-width:1040px){.blog-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .blog-page{padding-block:24px 30px}
 .blog-page-head h1{font-size:25px;margin-bottom:20px}
 .blog-grid,.blog-admin-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .blog-card-copy{padding:16px}
 .blog-card h2{font-size:19px}
 .blog-article h1{font-size:27px;line-height:1.35}
 .blog-article-excerpt{font-size:15px}
 .blog-article-body{font-size:15px;line-height:1.8}
 .blog-article-body h2{font-size:21px}
 .blog-article-cover{border-radius:10px;margin-bottom:22px}
 .blog-editor{grid-template-columns:minmax(0,1fr);gap:16px}
 .blog-editor input,.blog-editor textarea{font-size:16px}
 .blog-editor-preview{position:static}
 .blog-editor-options.panel{padding:14px 18px}
 .blog-admin-toolbar>.field{width:100%}
 .blog-save-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}
 .blog-save-actions .btn{font-size:13px;padding:10px 8px}
}