.crumbs:has(+.blog-header){background:#230000}.crumbs:has(+.blog-header) a,.crumbs:has(+.blog-header) strong{color:#fff}.crumbs:has(+.blog-header) a{opacity:.6}.crumbs:has(+.blog-header) a i.home{background:#fff}.crumbs:has(+.blog-header) a:after{background:#fff}.crumbs:has(+.blog-header) a:hover{opacity:1;color:#fff}.crumbs:has(+.blog-header) strong{opacity:.8}.blog-header{min-height:160px;background:#230000;background-size:cover;background-position:center center;position:relative;display:flex;align-items:end}@media(max-width:992px){.blog-header{min-height:120px;padding:25px}}.blog-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);pointer-events:none}.blog-header h1,.blog-header h2,.blog-header h3{padding:0;margin:0;color:#fff;font-size:36px;line-height:44px;font-weight:700}@media(max-width:992px){.blog-header h1,.blog-header h2,.blog-header h3{font-size:24px;line-height:32px}}.blog-header .center{position:relative;z-index:1;margin-bottom:25px}@media(max-width:992px){.blog-header .center{margin-bottom:15px}}.blog-header .center .info-line{display:flex;gap:20px;color:#ddd;margin-top:10px}.blog-header .center .info-line i{background:#ddd}.blog-header .center .info-line .date,.blog-header .center .info-line .author{display:flex;align-items:center;gap:4px;font-size:14px}section.blog{padding:50px 0 100px}section.blog .center{max-width:800px}@media(max-width:992px){section.blog .center{padding:25px}}section.blog .center .body{flex:1;min-width:0;overflow:hidden;font-size:16px;line-height:28px;color:#444}section.blog .center .body>p:first-child{font-size:18px;line-height:30px;color:#333}section.blog .center .body h1,section.blog .center .body h2,section.blog .center .body h3,section.blog .center .body h4{clear:both;font-weight:700;padding:0;margin:40px 0 12px;color:#230000}section.blog .center .body h1{font-size:32px;line-height:40px;margin-top:0}section.blog .center .body h2{font-size:24px;line-height:32px;padding-bottom:10px;border-bottom:2px solid #D31F38}section.blog .center .body h3{font-size:20px;line-height:28px}section.blog .center .body h4{font-size:18px;line-height:26px}section.blog .center .body p{margin-bottom:18px}section.blog .center .body strong{color:#222}section.blog .center .body a{color:#d31f38;text-decoration:underline;text-underline-offset:2px}section.blog .center .body a:hover{color:#981527}section.blog .center .body blockquote{clear:both;padding:20px 30px;border-left:4px solid #D31F38;background:#faf5f5;font-size:17px;line-height:28px;color:#333;margin:25px 0;border-radius:0 6px 6px 0}@media(max-width:992px){section.blog .center .body blockquote{padding:15px 20px;font-size:16px}}section.blog .center .body ul,section.blog .center .body ol{margin:10px 0 20px 20px;padding:0}section.blog .center .body ul li,section.blog .center .body ol li{font-size:15px;line-height:26px;margin-bottom:6px}section.blog .center .body img{max-width:100%;height:auto;border-radius:6px;object-fit:contain;margin:8px 0;box-shadow:0 2px 12px #00000014}section.blog .center .body .images img{width:100%;height:auto;object-fit:contain}section.blog .center aside{width:275px}@media(max-width:992px){section.blog .center aside{width:100%;margin-top:30px}}section.blog .center aside>div{display:flex;flex-direction:column;margin-bottom:25px}section.blog .center aside strong{font-size:20px;font-weight:700;line-height:28px;display:block;margin-bottom:5px}section.blog .center aside .blog-categories{display:flex;flex-direction:column;padding:10px 0;gap:4px;margin:0;list-style:none}section.blog .center aside .blog-categories li{list-style:none}section.blog .center aside .blog-categories a{display:inline-block;color:#333;text-decoration:none;position:relative;padding:3px 0 6px}section.blog .center aside .blog-categories a:before{content:"";position:absolute;left:0;bottom:5px;width:0;height:1px;background-color:#d31f38;transition:all .2s ease}section.blog .center aside .blog-categories a:hover{color:#d31f38}section.blog .center aside .blog-categories a:hover:before{width:100%}section.blog .center aside .tags .items{padding:10px 0}section.blog .center aside .tags .items a{display:inline-block;color:#d31f38;text-decoration:none}section.blog .center aside .tags .items a:hover{color:#981527}.blog-navigation{display:flex;justify-content:space-between;padding:30px 0;margin-top:40px;border-top:1px solid #e0e0e0}.blog-navigation a{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;text-decoration:none;font-size:14px;font-weight:500;transition:background .2s ease,color .2s ease}@media(max-width:992px){.blog-navigation a{padding:10px 14px;font-size:13px}}.blog-navigation a .icon{background:#d31f38;width:14px;height:14px;-webkit-mask-size:10px;mask-size:10px}.blog-navigation a img{border-radius:4px;width:40px;height:40px;object-fit:cover}.blog-navigation a:hover{background:#d31f38;color:#fff}.blog-navigation a:hover .icon{background:#fff}section.comments{margin-top:50px}section.comments h4{font-size:20px!important;line-height:26px!important}section.comments div.comment{padding:20px 0 10px;border-top:1px solid #eee}section.comments div.comment .title{display:flex;justify-content:space-between}section.comments div.comment .reply{display:flex;align-items:center;cursor:pointer;font-size:14px;font-weight:400;margin-right:10px}section.comments div.comment .reply .icon{width:20px;height:20px;background:#d31f38}section.comments div.comment .reply:hover{color:#000}section.comments div.comment .reply:hover .icon{background:#000}section.comments div.comment .name{font-size:14px;color:#888;display:flex;align-items:center;gap:6px}section.comments div.comment .name span,section.comments div.comment .name strong{font-size:16px;color:#d31f38}section.comments div.comment .name strong{background:#d31f381a;padding:5px 8px;line-height:16px}section.comments div.comment .text{font-size:16px;color:#444;padding:8px}section.comments .replies{background:#f8f8f8;padding:0 0 0 25px;margin-top:-5px}section.comments .replies .comments-form{padding-right:25px}@media(max-width:992px){section.comments .replies{padding:0 0 0 15px}section.comments .replies .comments-form{padding-right:15px}}section.comments .replies .comment:first-child{border-top:0}
