.blog-detail-page{--blog-ink:#172b3a;--blog-accent:#f5a623;--blog-muted:#687782;--blog-line:#e1e6e9;--resource-ink:#172b3a;--resource-accent:#f5a623;--resource-muted:#687782;--resource-line:#e1e6e9;width:100%;background:#fff;color:var(--blog-ink);}
.blog-banner{position:relative;display:flex;min-height:340px;padding:32px 16px;background:#f5a623 center/cover no-repeat;color:#fff;align-items:center;justify-content:center;}
.blog-banner__overlay{position:absolute;inset:0;background:rgba(0,31,55,.3);}
.blog-banner__inner{position:relative;z-index:1;display:flex;width:min(1280px,calc(100% - 32px));margin-inline:auto;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;}
.blog-banner h1{max-width:100%;margin:0;color:#fff;font:400 48px/1.2 'Fjalla One',Impact,sans-serif;}
.blog-banner p{max-width:720px;margin:0;color:#fff;font:400 18px/1.5 Roboto,sans-serif;}
.blog-banner__button{display:inline-flex;min-height:46px;padding:10px 20px;border:1px solid #f5a623;border-radius:0;background:#f5a623;color:#172b3a;align-items:center;justify-content:center;font:700 14px/24px Roboto,sans-serif;text-decoration:none;text-transform:uppercase;}
.blog-banner__button:hover{background:#fff;color:#172b3a;}
.blog-detail-layout{display:grid;width:min(1280px,calc(100% - 40px));margin:0 auto;padding:72px 0 90px;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:56px;align-items:start;}
.blog-detail-article{min-width:0;}
.blog-detail-article__intro{margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid var(--blog-line);color:#0f172a;font:600 20px/1.65 Inter,sans-serif;}
.blog-detail-article__content{color:#5a5a5a;font:400 16px/1.85 Inter,sans-serif;}
.blog-detail-article__content>*:first-child{margin-top:0;}
.blog-detail-article__content h2,.blog-detail-article__content h3,.blog-detail-article__content h4{margin:34px 0 14px;color:var(--blog-ink);font-family:'Fjalla One',Impact,sans-serif;font-weight:400;line-height:1.3;}
.blog-detail-article__content h2{font-size:32px;}.blog-detail-article__content h3{font-size:26px;}.blog-detail-article__content h4{font-size:22px;}
.blog-detail-article__content p{margin:0 0 20px;}.blog-detail-article__content a{color:#f5a623;text-decoration:underline;text-underline-offset:3px;}.blog-detail-article__content img{display:block;max-width:100%;height:auto;margin:28px auto;}.blog-detail-article__content blockquote{margin:30px 0;padding:20px 24px;border-left:4px solid var(--blog-accent);background:#f5f7f7;color:#0f172a;font-size:19px;}.blog-detail-article__content ul,.blog-detail-article__content ol{margin:0 0 22px;padding-left:24px;}.blog-detail-article__content li{margin:0 0 8px;}
.blog-detail-article__footer{display:flex;margin-top:42px;padding:20px 0;border-top:1px solid var(--blog-line);border-bottom:1px solid var(--blog-line);align-items:center;gap:18px;flex-wrap:wrap;color:var(--blog-ink);font:700 12px/1.4 Inter,sans-serif;text-transform:uppercase;}
.blog-detail-tags{display:flex;gap:8px;flex-wrap:wrap;}.blog-detail-tags a{padding:7px 10px;background:#f2f4f5;color:#687782;font:600 11px/1.3 Inter,sans-serif;text-decoration:none;text-transform:none;}.blog-detail-tags a:hover{background:var(--blog-accent);color:var(--blog-ink);}
.blog-detail-nav{display:grid;margin-top:38px;border-top:2px solid var(--blog-ink);grid-template-columns:repeat(2,minmax(0,1fr));}.blog-detail-nav>div+div{border-left:1px solid var(--blog-line);}.blog-detail-nav a{display:flex;min-height:108px;padding:20px;flex-direction:column;justify-content:center;color:var(--blog-ink);text-decoration:none;}.blog-detail-nav a:hover{background:#f5f7f7;}.blog-detail-nav span{margin-bottom:8px;color:#f5a623;font:700 11px/1.4 Inter,sans-serif;text-transform:uppercase;}.blog-detail-nav strong{font:400 20px/1.35 'Fjalla One',Impact,sans-serif;}
.blog-detail-sidebar{min-width:0;}
@media(max-width:960px){.blog-detail-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px}}
@media(max-width:767px){.blog-banner{min-height:300px;}.blog-banner h1{font-size:28px;line-height:1.2;}.blog-banner p{font-size:16px;}.blog-detail-layout{display:block;width:calc(100% - 32px);padding:48px 0 64px;}.blog-detail-article{margin-bottom:44px;}.blog-detail-article__intro{font-size:18px;}.blog-detail-article__content{font-size:15px;}.blog-detail-article__content h2{font-size:28px;}.blog-detail-nav a{padding:16px 12px;}.blog-detail-nav strong{font-size:17px;}.blog-detail-nav span{font-size:10px;}}