.page-blog{background-color:#0D0E12;color:#FFF3E6;max-width:100%;overflow-x:hidden}
.page-blog a{color:#FFB04D;text-decoration:none}
.page-blog__banner{margin-bottom:24px}
.page-blog__banner-image{width:100%;height:auto;display:block;aspect-ratio:auto;object-fit:cover}
.page-blog__intro-section{max-width:1200px;margin:0 auto;padding:0 16px 32px}
.page-blog__intro-container{background-color:#17191F;border:1px solid #A84F0C;border-radius:8px;padding:32px}
.page-blog__intro-text{font-size:17px;line-height:1.8;color:#FFF3E6;margin:0;text-align:center}
.page-blog__featured-section{max-width:1200px;margin:0 auto 48px;padding:0 16px}
.page-blog__featured-container{background-color:#17191F;border:1px solid #A84F0C;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:32px}
.page-blog__featured-card{display:flex;flex-direction:row;gap:24px;align-items:center}
.page-blog__featured-card:nth-child(even){flex-direction:row-reverse}
.page-blog__featured-link{flex:0 0 45%;max-width:45%}
.page-blog__featured-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.page-blog__featured-content{flex:1}
.page-blog__featured-title{font-size:24px;margin-bottom:12px;line-height:1.4}
.page-blog__featured-title-link{color:#FFF3E6;font-weight:700;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.page-blog__featured-excerpt{font-size:16px;line-height:1.7;color:#FFF3E6;margin-bottom:16px}
.page-blog__featured-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.page-blog__featured-date{color:#A84F0C;font-size:14px}
.page-blog__featured-more-link{display:inline-block;padding:10px 20px;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#0D0E12;border-radius:6px;font-weight:600;font-size:14px;border:none}
.page-blog__latest-section{background-color:#17191F;padding:48px 16px;max-width:100%}
.page-blog__latest-container{max-width:1200px;margin:0 auto}
.page-blog__latest-heading{font-size:28px;margin-bottom:32px;color:#FFF3E6;text-align:center}
.page-blog__latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-blog__latest-card{background-color:#0D0E12;border:1px solid #A84F0C;border-radius:8px;overflow:hidden;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}
.page-blog__latest-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(255,176,77,.2)}
.page-blog__latest-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.page-blog__latest-content{padding:20px;display:flex;flex-direction:column;flex:1}
.page-blog__latest-title{font-size:18px;margin-bottom:8px;line-height:1.5}
.page-blog__latest-title-link{color:#FFF3E6;font-weight:600}
.page-blog__latest-title-link:hover{color:#FFB04D}
.page-blog__latest-meta{color:#A84F0C;font-size:12px;margin-bottom:12px}
.page-blog__latest-excerpt{color:#FFF3E6;font-size:14px;line-height:1.6;margin:0}
.page-blog__cta-section{margin-top:32px;background-color:#17191F;border:1px solid #A84F0C;border-radius:8px;padding:16px;text-align:center}
.page-blog__cta-text{color:#FFF3E6;font-size:15px;margin-bottom:16px}
.page-blog__cta-button{display:inline-block;padding:14px 32px;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#0D0E12;border-radius:8px;font-weight:700;font-size:16px;text-decoration:none}
.page-blog__pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px}
.page-blog__pagination-current{background-color:#FFA53A;color:#0D0E12;padding:8px 16px;border-radius:4px;font-weight:700}
.page-blog__pagination-link{color:#FFF3E6;padding:8px 16px;border:1px solid #A84F0C;border-radius:4px}
.page-blog__pagination-next{color:#FFB04D}
.page-blog__guide-section{max-width:1200px;margin:0 auto;padding:48px 16px}
.page-blog__guide-container{background-color:#17191F;border:1px solid #A84F0C;border-radius:12px;padding:32px}
.page-blog__guide-title{text-align:center;font-size:24px;margin-bottom:32px}
.page-blog__guide-grid{display:flex;flex-direction:column;gap:32px}
.page-blog__guide-card{background-color:#0D0E12;border:1px solid #A84F0C;border-radius:8px;padding:16px;display:flex;gap:24px;align-items:center}
.page-blog__guide-card:nth-child(even){flex-direction:row-reverse}
.page-blog__guide-image{width:40%;max-width:400px;height:auto;aspect-ratio:2/1;object-fit:contain;border-radius:8px}
.page-blog__guide-content{flex:1}
.page-blog__guide-heading{font-size:18px;margin-bottom:8px}
.page-blog__guide-text{font-size:14px;line-height:1.7;margin-bottom:16px}
.page-blog__guide-actions{display:flex;gap:16px;flex-wrap:wrap}
.page-blog__guide-button{display:inline-block;padding:12px 20px;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#0D0E12;border-radius:6px;font-weight:600;font-size:14px;text-decoration:none;white-space:normal;word-wrap:break-word}
.page-blog__guide-button--primary{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%)}
.page-blog__guide-button--mobile{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%)}
.page-blog__guide-link{color:#FFB04D;font-size:14px;text-decoration:underline;padding-top:8px;white-space:normal;word-wrap:break-word}
.page-blog__faq-section{max-width:1200px;margin:0 auto;padding:0 16px 48px}
.page-blog__faq-container{background-color:#17191F;border:1px solid #A84F0C;border-radius:12px;padding:32px}
.page-blog__faq-title{text-align:center;font-size:24px;margin-bottom:24px}
.page-blog__faq-list{display:flex;flex-direction:column;gap:16px}
.page-blog__faq-item{background-color:#0D0E12;border:1px solid #A84F0C;border-radius:8px;padding:16px}
.page-blog__faq-question{font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:12px;list-style:none;color:#FFF3E6}
.page-blog__faq-toggle{color:#FFA53A;font-weight:700;font-size:20px;line-height:1}
.page-blog__faq-answer{color:#FFF3E6;font-size:15px;line-height:1.7;margin-top:12px;padding-left:28px}
.page-blog__taxonomy-section{max-width:1200px;margin:0 auto;padding:0 16px 48px}
.page-blog__taxonomy-container{background-color:#17191F;border:1px solid #A84F0C;border-radius:12px;padding:32px}
.page-blog__taxonomy-title{font-size:24px;text-align:center;margin-bottom:24px}
.page-blog__taxonomy-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.page-blog__taxonomy-item a{display:inline-block;padding:8px 16px;background-color:#0D0E12;border:1px solid #A84F0C;border-radius:6px;color:#FFF3E6;font-size:14px}
.page-blog__taxonomy-item a:hover{background-color:#A84F0C;color:#FFF3E6}
@media (max-width: 768px) {
.page-blog img{max-width:100%!important;height:auto!important}
.page-blog__featured-container{padding:16px}
.page-blog__featured-card{flex-direction:column;align-items:flex-start}
.page-blog__featured-card:nth-child(even){flex-direction:column}
.page-blog__featured-link{max-width:100%;flex:auto}
.page-blog__latest-heading{font-size:22px}
.page-blog__latest-grid{grid-template-columns:1fr;gap:16px}
.page-blog__cta-section{padding:12px}
.page-blog__cta-button{width:100%;box-sizing:border-box;text-align:center;white-space:normal;word-wrap:break-word}
.page-blog__guide-container{padding:16px}
.page-blog__guide-title{font-size:20px}
.page-blog__guide-card{flex-direction:column!important;text-align:center}
.page-blog__guide-image{width:100%;max-width:400px}
.page-blog__guide-actions{justify-content:center;width:100%;overflow:hidden}
.page-blog__guide-button{width:100%;max-width:100%;box-sizing:border-box;text-align:center}
.page-blog__guide-link{width:100%;box-sizing:border-box;text-align:center}
.page-blog__faq-title{font-size:20px}
.page-blog__faq-container{padding:16px}
.page-blog__taxonomy-list{flex-direction:column;align-items:stretch}
.page-blog__taxonomy-item a{text-align:center}
.page-blog__pagination{flex-wrap:wrap}
.page-blog__pagination-link{flex:1;text-align:center}
.page-blog__latest-card{max-width:100%}
.page-blog__featured-card{max-width:100%}
.page-blog__intro-container{padding:16px}
}