.blog-page{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--on-surface);background:var(--surface);max-width:1080px;margin:0 auto;padding:40px 24px 60px}.blog-page__header{text-align:center;margin-bottom:32px}.blog-page__header h1{font-size:32px;margin:0 0 6px;font-family:Poppins,sans-serif;font-weight:600}.blog-page__header p{color:var(--on-surface-muted);margin:0}.blog-empty{color:var(--on-surface-muted);padding:30px 0;text-align:center}.blog-layout{display:grid;grid-template-columns:1fr 220px;gap:32px;align-items:start}.blog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13px;color:var(--on-surface-muted)}.blog-toolbar__sort select{padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:13px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;text-decoration:none;color:var(--on-surface);display:block;transition:box-shadow .2s ease,border-color .2s ease}.blog-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-hover)}.blog-card__thumb{aspect-ratio:16/10;background:var(--background);overflow:hidden}.blog-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.blog-card__thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--border-strong);font-size:30px}.blog-card__body{padding:14px 16px}.blog-card__cat{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-label);font-weight:700}.blog-card__body h2{font-size:16px;margin:6px 0;line-height:1.35;font-weight:600}.blog-card__body time{font-size:12px;color:var(--on-surface-muted)}.blog-pagination{display:flex;gap:6px;justify-content:center;margin-top:28px}.blog-pagination a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;text-decoration:none;color:var(--on-surface);font-size:13px}.blog-pagination a.active{background:var(--primary);border-color:var(--primary);color:#fff}.blog-sidebar__block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px;margin-bottom:16px}.blog-sidebar__block h3{font-size:14px;margin:0 0 10px;font-weight:600}.blog-sidebar__block ul{list-style:none;margin:0;padding:0}.blog-sidebar__block li{margin-bottom:6px}.blog-sidebar__block a{text-decoration:none;color:var(--on-surface-muted);font-size:13px}.blog-sidebar__block a.active,.blog-sidebar__block a:hover{color:var(--primary);font-weight:600}.blog-sidebar__search{display:flex;gap:6px}.blog-sidebar__search input{flex:1;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:13px}.blog-sidebar__search input:focus{outline:2px solid var(--primary);outline-offset:1px}.blog-sidebar__search button{background:var(--primary);border:none;border-radius:6px;color:#fff;width:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.blog-sidebar__search button:hover{background:var(--primary-dark)}.blog-page--single{max-width:760px}.blog-post__cat{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-label);font-weight:700;text-decoration:none}.blog-post h1{font-size:30px;margin:8px 0 6px;line-height:1.25;font-family:Poppins,sans-serif;font-weight:600}.blog-post time{font-size:13px;color:var(--on-surface-muted)}.blog-post__hero{width:100%;border-radius:var(--radius-card);margin:20px 0;display:block;object-fit:cover;max-height:400px;border:1px solid var(--border)}.blog-post__content{font-size:16px;line-height:1.75;margin-top:24px}.blog-post__content h1,.blog-post__content h2,.blog-post__content h3{margin:28px 0 12px;line-height:1.3;font-family:Poppins,sans-serif;font-weight:600}.blog-post__content p{margin:0 0 16px}.blog-post__content img{max-width:100%;border-radius:6px;margin:16px 0}.blog-post__content a{color:var(--primary)}.blog-post__content ol,.blog-post__content ul{margin:0 0 16px;padding-left:22px}.blog-post__content blockquote{border-left:3px solid var(--primary);margin:20px 0;padding:4px 0 4px 16px;color:#444;font-style:italic}.blog-post__content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}.blog-post__content td,.blog-post__content th{border:1px solid var(--border);padding:10px 12px;text-align:left}.blog-post__content th{background:var(--background);font-weight:600}.blog-post__content table td:first-child,.blog-post__content table th:first-child{font-weight:600}.blog-more{margin-top:50px}.blog-more__block{margin-bottom:28px}.blog-more__block h3{font-size:16px;margin-bottom:12px;font-weight:600}.blog-more__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.blog-more__card{text-decoration:none;color:var(--on-surface);font-size:13px;font-weight:600}.blog-more__card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px;margin-bottom:6px;display:block;border:1px solid var(--border)}.blog-comments{margin-top:46px;border-top:1px solid var(--border);padding-top:30px}.blog-comments h3{font-size:17px;margin:0 0 16px;font-weight:600}.comment-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:12px 16px;margin-bottom:10px}.comment-card strong{font-size:13px;margin-right:8px}.comment-card time{font-size:11px;color:var(--on-surface-muted)}.comment-card p{margin:6px 0 0;font-size:14px;line-height:1.5}.comment-form{margin-top:20px;display:flex;flex-direction:column;gap:10px;max-width:460px}.comment-form input,.comment-form textarea{padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:14px}.comment-form button{align-self:flex-start;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;cursor:pointer;font-family:inherit}.comment-form button:hover{background:var(--primary-dark)}.comment-form__msg{font-size:13px}.comment-form__msg.is-error{color:#c5221f}.comment-form__msg.is-success{color:#188038}.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}@media (max-width:780px){.blog-layout{grid-template-columns:1fr}.blog-grid,.blog-more__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.blog-grid,.blog-more__grid{grid-template-columns:1fr}}