.page-blog{background:var(--background-page, #08160f);color:#F2FFF6;display:block;width:100%;box-sizing:border-box;font-family:'Be Vietnam Pro',sans-serif;line-height:1.6}
.page-blog__hero-section{padding:10px 16px 0}
.page-blog__hero-image{width:100%;max-width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:12px;display:block;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.page-blog__hero-content-container{display:flex;justify-content:center;padding:20px 16px 32px}
.page-blog__hero-content{max-width:1100px;width:100%;text-align:center}
.page-blog__hero-breadcrumb{font-size:14px;color:#A7D9B8;margin-bottom:10px}
.page-blog__hero-breadcrumb a{color:#57e38d;text-decoration:none}
.page-blog__hero-title{color:#F2FFF6;font-weight:800;line-height:1.2;letter-spacing:.5px;max-width:900px;margin:0 auto 8px;font-size:clamp(1.6rem, 4vw, 2.4rem)}
.page-blog__hero-description{color:#A7D9B8;max-width:800px;margin:0 auto;font-size:1.05rem}
.page-blog__container,.page-blog__guide-section{max-width:1200px;margin:0 auto;padding:32px 16px}
.page-blog__section-header{text-align:center;margin-bottom:32px}
.page-blog__section-title{color:#F2FFF6;font-size:clamp(1.5rem, 3.5vw, 2rem);font-weight:700;margin-bottom:8px}
.page-blog__section-subtitle{color:#A7D9B8;max-width:750px;margin:0 auto;font-size:1.05rem}
.page-blog__featured-card{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;background:#11271B;border-radius:16px;overflow:hidden;border:1px solid #2E7A4E;margin-bottom:30px}
.page-blog__featured-card-image{width:100%;height:100%;max-height:340px;object-fit:cover;display:block}
.page-blog__featured-card-content{padding:24px 24px 16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.page-blog__tag{background:#0a4b2c;color:#F2C14E;font-weight:600;font-size:.85rem;padding:4px 12px;border-radius:40px;margin-bottom:14px;letter-spacing:.2px}
.page-blog__featured-card-title{margin:6px 0 4px}
.page-blog__featured-card-title a{color:#F2FFF6;text-decoration:underline;text-underline-offset:4px;transition:color .2s;font-weight:700}
.page-blog__featured-card-title a:hover,.page-blog__article-card-title a:hover,.page-blog__guide-name a:hover{color:#57e38d}
.page-blog__card-date,.page-blog__card-meta{color:#A7D9B8;font-size:.85rem}
.page-blog__featured-card-description{margin:12px 0;color:#F2FFF6}
.page-blog__articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}
.page-blog__article-card{background:#11271B;border:1px solid #2E7A4E;border-radius:14px;overflow:hidden;transition:transform .2s ease}
.page-blog__article-card:hover{transform:translateY(-4px)}
.page-blog__article-card-link{text-decoration:none;color:#F2FFF6;display:block}
.page-blog__article-card-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}
.page-blog__article-card-body{padding:0 20px 20px}
.page-blog__article-card-title{margin:10px 0 4px;color:#F2FFF6;font-size:1.1rem;font-weight:700}
.page-blog__card-meta{color:#7fe09a;font-size:.8rem;margin:6px 0}
.page-blog__article-card-excerpt{color:#B9E8C8;font-size:.95rem;line-height:1.5}
.page-blog__button-wrapper{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}
.page-blog__featured-card .page-blog__button-wrapper,.page-blog__promo-content .page-blog__button-wrapper{justify-content:flex-start}
.page-blog__button{display:inline-block;text-decoration:none;font-weight:700;text-align:center;border-radius:40px;padding:12px 28px;transition:filter .2s ease, transform .2s ease;font-size:1rem;line-height:1.2}
.page-blog__button:hover{filter:brightness(1.08);transform:translateY(-2px)}
.page-blog__button--primary{background:linear-gradient(180deg,#2ad16f 0%,#13994a 100%);color:#08160f}
.page-blog__button--secondary{background:transparent;border:1px solid #57e38d;color:#57e38d}
.page-blog__guide-section{background:#08160f;border-top:2px solid #1E3A2A}
.page-blog__guide-inner,.page-blog__promo-inner,.page-blog__faq-inner{max-width:1200px;margin:0 auto;padding:8px 16px}
.page-blog__guide-title,.page-blog__promo-title{color:#F2FFF6;text-align:left;font-size:1.8rem;font-weight:800;margin-bottom:4px}
.page-blog__guide-subtitle{color:#A7D9B8;text-align:left;margin:8px 0 24px}
.page-blog__guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.page-blog__guide-item{display:flex;gap:20px;background:#11271B;padding:16px;border-radius:12px;border:1px solid #2E7A4E;align-items:flex-start}
.page-blog__guide-figure{margin:0;flex-shrink:0;max-width:200px}
.page-blog__guide-figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block}
.page-blog__guide-figure figcaption{color:#57e38d;font-size:.8rem;margin-top:6px}
.page-blog__guide-content{flex:1}
.page-blog__guide-name{margin:0 0 6px;font-size:1.1rem;color:#F2FFF6;font-weight:700}
.page-blog__guide-name a{color:#F2FFF6;text-decoration:underline;text-underline-offset:3px;transition:color .2s}
.page-blog__guide-summary{color:#B9E8C8;font-size:.95rem}
.page-blog__promo-section{background:#0a4b2c;padding:48px 0;border-radius:32px 32px 0 0;border-top:2px solid #57e38d}
.page-blog__promo-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.page-blog__promo-image-block img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px;display:block}
.page-blog__promo-title{color:#F2FFF6;margin-top:0}
.page-blog__promo-text{color:#F2FFF6;padding:0;margin:12px 0;font-size:1.25rem}
.page-blog__promo-highlights{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}
.page-blog__promo-highlight-item{color:#F2C14E;font-weight:600}
.page-blog__promo-actions{display:flex;flex-wrap:wrap;gap:12px;flex-direction:row;margin-top:12px}
.page-blog__button--gold{background:linear-gradient(180deg,#F2C14E,#c9862e);color:#08160f;font-weight:800;border:double #fff}
.page-blog__button--primary-light{background:transparent;border:1px solid #57e38d;color:#57e38d}
.page-blog__promo-actions .page-blog__button-wrapper{width:auto;margin:0}
.page-blog__faq-section{max-width:800px;margin:0 auto;padding:48px 24px}
.page-blog__faq-list{align-items:stretch;display:flex;flex-direction:column;gap:12px}
.page-blog__faq-item{background:#11271B;border:1px solid #2E7A4E;border-radius:14px;overflow:hidden}
.page-blog__faq-question{list-style:none;margin:0;padding:18px 24px;display:flex;gap:14px;align-items:center;font-weight:700;cursor:pointer;color:#F2FFF6;font-size:1.05rem}
.page-blog__faq-question::-webkit-details-marker{display:none}
.page-blog__faq-icon{font-weight:700;color:#57e38d;transition:transform .2s ease;background:none;border:none}
.page-blog__faq-item[open] .page-blog__faq-icon{transform:rotate(45deg);color:#F2C14E}
.page-blog__faq-answer{color:#B9E8C8;padding:0 24px 18px}
@media (max-width:1024px){
  .page-blog__hero-image{aspect-ratio:16/9}
  .page-blog__featured-card,
  .page-blog__articles-grid,.page-blog__promo-inner{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .page-blog{font-size:15px}
  .page-blog__hero-section{aspect-ratio:16/9;height:auto}
  .page-blog__hero-image{aspect-ratio:16/9}
  .page-blog__hero-content{padding:0}
  .page-blog__section-title{font-size:1.6rem}
  .page-blog__featured-card,.page-blog__articles-grid,.page-blog__guide-grid{grid-template-columns:1fr;gap:16px}
  .page-blog__featured-card .page-blog__featured-card-image{max-height:220px}
  .page-blog__featured-card-content{padding:16px 16px 20px}
  .page-blog__guide-item{flex-direction:column;align-items:flex-start}
  .page-blog__guide-figure,.page-blog__guide-figure img{width:100%;max-width:100%}
  .page-blog__button-wrapper, .page-blog__promo-actions{width:100%}
  .page-blog__button{max-width:100%;width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
  .page-blog img{max-width:100%;height:auto}
  .page-blog__promo-inner{grid-template-columns:1fr}
  .page-blog__promo-inner{padding-top:0}
  .page-blog__promo-actions .page-blog__button-wrapper{justify-content:center}
  .page-blog__container{padding:16px}
  .page-blog__hero-content-container{padding:16px 12px}
  .page-blog__hero-title{line-height:1.15;font-size:clamp(1.3rem, 5vw, 1.7rem)}
  .page-blog__hero-description{font-size:.95rem}
}
@media (max-width:480px){
  .page-blog__hero-title{font-weight:800}
}