.page-blog-topic-3{background:#0D0E12;color:#FFF3E6;font-family:'Segoe UI',Arial,sans-serif;line-height:1.7}
.page-blog-topic-3__hero-section{max-width:1200px;margin:0 auto;padding:10px 20px 30px;display:flex;flex-direction:column;gap:24px}
.page-blog-topic-3__hero-image{width:100%}
.page-blog-topic-3__hero-img{width:100%;height:auto;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.55);display:block}
.page-blog-topic-3__hero-content{display:flex;flex-direction:column;gap:14px}
.page-blog-topic-3__main-title{font-weight:800;line-height:1.25;letter-spacing:.3px;color:#FFB04D;margin:0;max-width:900px}
.page-blog-topic-3__hero-desc{margin:0;color:#FFF3E6;font-size:18px;max-width:850px;opacity:.95}
.page-blog-topic-3__hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.page-blog-topic-3__btn{display:inline-block;padding:13px 24px;border-radius:10px;font-weight:700;text-decoration:none;text-align:center;transition:transform .2s ease,box-shadow .2s ease;font-size:16px}
.page-blog-topic-3__btn--primary{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#1A0E04;box-shadow:0 6px 18px rgba(255,165,58,.28)}
.page-blog-topic-3__btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(255,165,58,.4)}
.page-blog-topic-3__btn--secondary{background:#17191F;color:#FFF3E6;border:1px solid #A84F0C}
.page-blog-topic-3__btn--secondary:hover{border-color:#FFB04D;transform:translateY(-2px)}
.page-blog-topic-3__btn--outline{background:transparent;color:#FFB04D;border:1px solid #FFB04D}
.page-blog-topic-3__btn--outline:hover{background:rgba(255,176,77,.12);transform:translateY(-2px)}
.page-blog-topic-3__content-area{max-width:1200px;margin:0 auto;padding:20px 20px 50px}
.page-blog-topic-3__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;margin-bottom:18px;color:#C9B8A6}
.page-blog-topic-3__breadcrumb-link{color:#FFA53A;text-decoration:none}
.page-blog-topic-3__breadcrumb-link:hover{text-decoration:underline}
.page-blog-topic-3__breadcrumb-sep{color:#6B5B4C}
.page-blog-topic-3__breadcrumb-current{color:#FFF3E6;opacity:.85}
.page-blog-topic-3__article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:#C9B8A6;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid #241A12}
.page-blog-topic-3__meta-dot{color:#A84F0C}
.page-blog-topic-3__article{max-width:900px}
.page-blog-topic-3__h2{color:#FFB04D;font-size:26px;font-weight:800;margin:38px 0 14px;line-height:1.3}
.page-blog-topic-3__h3{color:#FFA53A;font-size:20px;font-weight:700;margin:26px 0 10px;line-height:1.35}
.page-blog-topic-3__p{margin:0 0 16px;color:#FFF3E6;font-size:17px;line-height:1.75}
.page-blog-topic-3__list{margin:0 0 18px;padding-left:22px;display:flex;flex-direction:column;gap:9px}
.page-blog-topic-3__list-item{color:#FFF3E6;font-size:17px}
.page-blog-topic-3__list-item strong{color:#FFB04D}
.page-blog-topic-3__inline-link{color:#FFA53A;text-decoration:underline;text-underline-offset:2px}
.page-blog-topic-3__inline-link:hover{color:#FFB04D}
.page-blog-topic-3__figure{margin:24px 0 28px;background:#17191F;border:1px solid #A84F0C;border-radius:14px;overflow:hidden}
.page-blog-topic-3__figure-img{width:100%;height:auto;display:block}
.page-blog-topic-3__caption{margin:0;padding:12px 16px;font-size:14px;color:#C9B8A6;background:#17191F}
.page-blog-topic-3__cta-box{margin:44px 0 10px;padding:28px 24px;background:#17191F;border:1px solid #A84F0C;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.page-blog-topic-3__cta-title{color:#FFB04D;font-size:23px;font-weight:800;margin:0 0 10px;line-height:1.3}
.page-blog-topic-3__cta-desc{color:#FFF3E6;margin:0 0 20px;font-size:16.5px}
.page-blog-topic-3__cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.page-blog-topic-3__related{margin-top:48px;padding-top:28px;border-top:1px solid #241A12}
.page-blog-topic-3__related-title{color:#FFB04D;font-size:23px;font-weight:800;margin:0 0 20px}
.page-blog-topic-3__related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-blog-topic-3__related-card{display:flex;flex-direction:column;background:#17191F;border:1px solid #241A12;border-radius:14px;overflow:hidden;text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.page-blog-topic-3__related-card:hover{border-color:#FFB04D;transform:translateY(-3px)}
.page-blog-topic-3__related-img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}
.page-blog-topic-3__related-name{display:block;padding:14px 16px;color:#FFF3E6;font-size:16px;font-weight:600;line-height:1.45}
@media (max-width:1024px){.page-blog-topic-3__related-grid{grid-template-columns:repeat(2,1fr)}
.page-blog-topic-3__h2{font-size:24px}
}
@media (max-width:768px){
.page-blog-topic-3{max-width:100%;overflow-x:hidden}
.page-blog-topic-3 img{max-width:100%;height:auto}
.page-blog-topic-3__hero-section{padding:10px 14px 22px;gap:18px}
.page-blog-topic-3__main-title{font-size:clamp(22px,6vw,30px)}
.page-blog-topic-3__hero-desc{font-size:16px}
.page-blog-topic-3__hero-actions{flex-direction:column;align-items:stretch}
.page-blog-topic-3__btn{width:100%;max-width:100%;box-sizing:border-box;padding:13px 16px}
.page-blog-topic-3__content-area{padding:16px 14px 40px}
.page-blog-topic-3__h2{font-size:22px;margin-top:30px}
.page-blog-topic-3__h3{font-size:18px}
.page-blog-topic-3__p,.page-blog-topic-3__list-item{font-size:16px}
.page-blog-topic-3__cta-box{padding:20px 16px}
.page-blog-topic-3__cta-title{font-size:20px}
.page-blog-topic-3__cta-actions{flex-direction:column;align-items:stretch}
.page-blog-topic-3__related-grid{grid-template-columns:1fr}
.page-blog-topic-3__related-img{aspect-ratio:16/9}
}