/* ===== Blog Page Styles: page-blog ===== */
.page-blog{
  background:#F5F7FA;
  color:#333333;
  font-family:Arial, Helvetica, sans-serif;
}
.page-blog__hero{
  background:linear-gradient(135deg, #E53935 0%, #FF5A4F 100%);
  padding:10px 16px 24px;
}
.page-blog__hero-image-wrap{
  margin-bottom:16px;
}
.page-blog__hero-image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/5;
  object-fit:cover;
  border-radius:12px;
}
.page-blog__hero-content{
  text-align:center;
  max-width:900px;
  margin:0 auto;
}
.page-blog__main-title{
  font-weight:800;
  line-height:1.25;
  letter-spacing:-0.02em;
  color:#FFFFFF;
  margin:0 0 12px;
  max-width:900px;
}
.page-blog__hero-description{
  font-size:1.1rem;
  color:#FFFFFF;
  opacity:0.95;
  margin:0 0 20px;
  line-height:1.5;
}
.page-blog__hero-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
}
.page-blog__btn{
  display:inline-block;
  padding:12px 28px;
  border-radius:999px;
  background:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);
  color:#FFFFFF;
  font-weight:700;
  font-size:1rem;
  text-decoration:none;
  border:2px solid transparent;
  transition:transform .2s ease, box-shadow .2s ease;
  cursor:pointer;
  text-align:center;
}
.page-blog__btn:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(229,57,53,.35);
}
.page-blog__btn--outline{
  background:transparent;
  border-color:#FFFFFF;
  color:#FFFFFF;
}
.page-blog__btn--outline:hover{
  background:rgba(255,255,255,.15);
}
.page-blog__btn--primary{
  background:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);
  border:none;
}
.page-blog__container{
  max-width:1200px;
  margin:0 auto;
  padding:40px 16px;
}
.page-blog__section-title{
  text-align:center;
  font-size:2rem;
  font-weight:700;
  color:#E53935;
  margin:0 0 32px;
}
/* Featured section */
.page-blog__featured{
  background:#FFFFFF;
}
.page-blog__featured-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.page-blog__featured-card{
  background:#FFFFFF;
  border:1px solid #E0E0E0;
  border-radius:12px;
  overflow:hidden;
  transition:box-shadow .3s ease, transform .3s ease;
}
.page-blog__featured-card:hover{
  box-shadow:0 8px 30px rgba(0,0,0,.12);
  transform:translateY(-4px);
}
.page-blog__featured-card--large{
  grid-column:span 2;
  grid-row:span 2;
}
.page-blog__card-image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2/1;
  object-fit:cover;
}
.page-blog__featured-card--large .page-blog__card-image{
  aspect-ratio:16/9;
}
.page-blog__card-body{
  padding:16px;
}
.page-blog__card-tag{
  display:inline-block;
  background:rgba(229,57,53,.1);
  color:#E53935;
  font-size:.75rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  padding:4px 8px;
  border-radius:4px;
  margin-bottom:8px;
}
.page-blog__card-title{
  font-size:1.1rem;
  font-weight:700;
  margin:0 0 8px;
  line-height:1.35;
}
.page-blog__card-title a{
  color:#333333;
  text-decoration:none;
}
.page-blog__card-title a:hover{
  color:#E53935;
}
.page-blog__featured-card--large .page-blog__card-title{
  font-size:1.4rem;
}
.page-blog__card-excerpt{
  font-size:.9rem;
  color:#555;
  line-height:1.5;
  margin:0 0 12px;
}
.page-blog__card-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid #E0E0E0;
  padding-top:12px;
  font-size:.85rem;
  color:#777;
}
.page-blog__card-link{
  color:#E53935;
  font-weight:600;
  text-decoration:none;
}
.page-blog__card-link:hover{
  text-decoration:underline;
}
/* List section */
.page-blog__list{
  background:#F5F7FA;
}
.page-blog__list-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}
.page-blog__list-item{
  display:flex;
  gap:16px;
  background:#FFFFFF;
  border:1px solid #E0E0E0;
  border-radius:12px;
  padding:16px;
}
.page-blog__list-image{
  flex-shrink:0;
  width:200px;
  height:150px;
  object-fit:cover;
  border-radius:8px;
}
.page-blog__list-content{
  flex:1;
  display:flex;
  flex-direction:column;
}
.page-blog__list-title{
  font-size:1rem;
  font-weight:700;
  margin:0 0 8px;
  line-height:1.4;
}
.page-blog__list-title a{
  color:#333333;
  text-decoration:none;
}
.page-blog__list-title a:hover{
  color:#E53935;
}
.page-blog__list-excerpt{
  font-size:.85rem;
  color:#555;
  line-height:1.5;
  margin:0 0 auto;
}
.page-blog__list-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:12px;
  font-size:.8rem;
  color:#777;
}
.page-blog__list-link{
  color:#E53935;
  font-weight:600;
  text-decoration:none;
}
.page-blog__list-link:hover{
  text-decoration:underline;
}
.page-blog__list-actions{
  text-align:center;
  margin-top:32px;
}
/* Guide section */
.page-blog__guide{
  background:#FFFFFF;
}
.page-blog__guide-inner{
  max-width:800px;
}
.page-blog__guide-title{
  text-align:center;
  font-size:2rem;
  font-weight:700;
  color:#E53935;
  margin-bottom:32px;
}
.page-blog__guide-steps{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
}
.page-blog__guide-figure{
  margin:0;
  background:#F5F7FA;
  border-radius:12px;
  padding:16px;
}
.page-blog__guide-caption{
  font-weight:700;
  color:#E53935;
  margin-bottom:8px;
}
.page-blog__guide-image{
  display:block;
  width:100%;
  max-width:800px;
  height:auto;
  aspect-ratio:2/1;
  object-fit:cover;
  border-radius:8px;
  margin-bottom:12px;
}
.page-blog__guide-text{
  color:#333333;
  line-height:1.5;
  margin:0;
}
.page-blog__guide-actions{
  text-align:center;
  margin-top:32px;
}
/* Newsletter section */
.page-blog__newsletter{
  background:#E53935;
  color:#FFFFFF;
}
.page-blog__newsletter-title{
  text-align:center;
  font-size:1.8rem;
  font-weight:700;
  margin-bottom:12px;
}
.page-blog__newsletter-text{
  text-align:center;
  margin-bottom:24px;
  opacity:.95;
}
.page-blog__newsletter-form{
  max-width:500px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.page-blog__newsletter-input,
.page-blog__newsletter-message{
  padding:12px 16px;
  border-radius:8px;
  border:1px solid #E0E0E0;
  font-size:1rem;
  font-family:inherit;
  color:#333333;
  background:#FFFFFF;
}
.page-blog__newsletter-input:focus,
.page-blog__newsletter-message:focus{
  outline:none;
  border-color:#FF5A4F;
  box-shadow:0 0 0 3px rgba(255,90,79,.15);
}
/* Responsive styles */
@media (max-width: 1024px){
  .page-blog__featured-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .page-blog__featured-card--large{
    grid-column:span 2;
    grid-row:auto;
  }
  .page-blog__list-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 768px){
  .page-blog__hero-image{
    aspect-ratio:2/1;
  }
  .page-blog__main-title{
    font-size:1.5rem;
  }
  .page-blog__hero-description{
    font-size:1rem;
  }
  .page-blog__hero-actions{
    flex-direction:column;
    gap:10px;
    width:100%;
    max-width:100%;
    overflow:hidden;
    box-sizing:border-box;
  }
  .page-blog__btn{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    white-space:normal;
    word-wrap:break-word;
    padding:12px 16px;
  }
  .page-blog__featured-grid{
    grid-template-columns:1fr;
  }
  .page-blog__featured-card--large{
    grid-column:auto;
    grid-row:auto;
  }
  .page-blog__featured-card--large .page-blog__card-title{
    font-size:1.2rem;
  }
  .page-blog__list-item{
    flex-direction:column;
  }
  .page-blog__list-image{
    width:100%;
    height:auto;
    aspect-ratio:4/3;
  }
  .page-blog__container{
    padding:32px 12px;
  }
  .page-blog__section-title,
  .page-blog__guide-title{
    font-size:1.5rem;
  }
  .page-blog__newsletter-form{
    width:100%;
    max-width:100%;
  }
  .page-blog img{
    max-width:100% !important;
    height:auto !important;
  }
  .page-blog{
    max-width:100%;
    overflow-x:hidden;
  }
  .page-blog__list-actions,
  .page-blog__guide-actions{
    width:100%;
    max-width:100%;
    overflow:hidden;
    box-sizing:border-box;
  }
}