.page-blog{background-color:var(--deep-navy, #08162B);color:var(--text-main, #F3F8FF);max-width:100%;overflow-x:hidden}

.page-blog__hero-section{background-color:transparent;padding:12px 16px 0;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}
.page-blog__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:12px;display:block;border:1px solid var(--border, #244D84)}
.page-blog__hero-content{max-width:900px;margin:12px auto 0;text-align:center}
.page-blog__main-title{font-weight:700;line-height:1.2;letter-spacing:-0.02em;color:var(--text-main, #F3F8FF);margin:0 0 10px;font-size:clamp(1.4rem, 4vw, 2.2rem)}
.page-blog__hero-description{font-size:1rem;line-height:1.6;color:var(--text-secondary, #AFC4E8);margin:0 0 18px;max-width:750px;margin-left:auto;margin-right:auto}
.page-blog__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.page-blog__btn,.page-blog__btn:link,.page-blog__btn:visited{display:inline-block;font-weight:700;border-radius:8px;padding:12px 24px;text-decoration:none;cursor:pointer;transition:transform .2s, box-shadow .2s;border:none}
.page-blog__btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(79,168,255,0.2)}
.page-blog__btn--primary{background:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%);color:#ffffff}
.page-blog__btn--secondary{background:transparent;color:var(--text-main, #F3F8FF);border:1px solid var(--border, #244D84)}
.page-blog__btn--secondary:hover{border-color:var(--glow, #4FA8FF);color:var(--glow, #4FA8FF)}

.page-blog__top-picks,.page-blog__latest-news{padding:40px 16px 16px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}
.page-blog__section-title{font-size:clamp(1.4rem, 3vw, 1.9rem);font-weight:700;color:var(--text-main, #F3F8FF);text-align:center;margin:0 0 12px;line-height:1.3}
.page-blog__picks-grid,.page-blog__news-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:24px;margin-top:16px}
.page-blog__pick-card,.page-blog__news-item{background-color:var(--card-bg, #10233F);border:1px solid var(--border, #244D84);border-radius:12px;padding:12px;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}
.page-blog__pick-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:8px}
.page-blog__pick-title,.page-blog__news-title{font-size:1.1rem;font-weight:700;margin:12px 0 8px;color:var(--text-main, #F3F8FF)}
.page-blog__pick-title a,.page-blog__pick-title a:link,.page-blog__pick-title a:visited{color:inherit;text-decoration:none;transition:color .2s}
.page-blog__pick-title a:hover{color:var(--gold, #F2C14E)}
.page-blog__pick-excerpt,.page-blog__news-excerpt{font-size:0.925rem;line-height:1.6;color:var(--text-secondary, #AFC4E8);flex-grow:1}
.page-blog__pick-link,.page-blog__pick-link:link,.page-blog__pick-link:visited,.page-blog__news-link,.page-blog__news-link:link,.page-blog__news-link:visited{color:var(--glow, #4FA8FF);font-weight:600;text-decoration:none;margin-top:12px;font-size:0.95rem}
.page-blog__pick-link:hover,.page-blog__news-link:hover{color:var(--gold, #F2C14E);text-decoration:underline}

.page-blog__categories{padding:40px 16px 16px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}
.page-blog__categories-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:16px;margin-top:16px}
.page-blog__category-card{background-color:var(--card-bg, #10233F);border:1px solid var(--border, #244D84);border-radius:12px;padding:24px 20px;text-align:center;transition:box-shadow .3s}
.page-blog__category-card:hover{box-shadow:0 4px 20px rgba(79,168,255,0.15)}
.page-blog__category-title{font-size:1.1rem;color:var(--gold, #F2C14E);margin:0 0 8px;font-weight:700}
.page-blog__category-desc{font-size:0.9rem;color:var(--text-secondary, #AFC4E8);line-height:1.5;margin-bottom:16px}
.page-blog__category-link,.page-blog__category-link:link,.page-blog__category-link:visited{display:inline-block;color:var(--text-main, #F3F8FF);background:transparent;border:1px solid var(--border, #244D84);padding:8px 18px;border-radius:20px;text-decoration:none;font-weight:600;font-size:0.9rem}
.page-blog__category-link:hover{border-color:var(--glow, #4FA8FF);color:var(--glow, #4FA8FF)}

.page-blog__featured-guide{background-color:transparent;border-top:1px solid var(--divider, #1B3357);border-bottom:1px solid var(--divider, #1B3357);max-width:1200px;margin:40px auto;padding:40px 16px;display:flex;gap:24px;align-items:center;width:100%;box-sizing:border-box}
.page-blog__guide-content{flex:2}
.page-blog__guide-title{font-size:clamp(1.5rem, 3vw, 2rem);font-weight:700;margin:0 0 12px;color:var(--gold, #F2C14E);line-height:1.3}
.page-blog__guide-text{color:var(--text-secondary, #AFC4E8);line-height:1.7;margin-bottom:20px}
.page-blog__guide-visual{flex:1;min-width:0}
.page-blog__guide-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px;display:block}

.page-blog__latest-news .page-blog__news-grid{grid-template-columns:repeat(auto-fit, minmax(260px, 1fr))}
.page-blog__news-badge{display:inline-block;background:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%);color:#fff;font-size:0.75rem;font-weight:600;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:0.5px}
.page-blog__news-meta{font-size:0.8rem;color:var(--text-secondary, #AFC4E8);margin:12px 0}

.page-blog__newsletter{background-color:var(--card-bg, #10233F);padding:48px 16px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;border-top:1px solid var(--divider, #1B3357);border-bottom:1px solid var(--divider, #1B3357)}
.page-blog__newsletter-title,.page-blog__newsletter-title a{font-size:clamp(1.2rem, 3vw, 1.8rem);font-weight:700;color:var(--text-main, #F3F8FF);text-align:center;margin:0 0 12px}
.page-blog__newsletter-desc{color:var(--text-secondary, #AFC4E8);text-align:center;max-width:600px;margin:0 auto 30px;line-height:1.7}
.page-blog__newsletter-form{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:600px;margin:0 auto}
.page-blog__newsletter-input,.page-blog__newsletter-textarea{flex:1 1 200px;background-color:var(--deep-navy, #08162B);border:1px solid var(--border, #244D84);color:var(--text-main, #F3F8FF);padding:12px 16px;border-radius:8px;font-size:0.95rem;box-sizing:border-box;resize:vertical}
.page-blog__newsletter-input:focus,.page-blog__newsletter-textarea:focus{outline:none;border-color:var(--glow, #4FA8FF)}
.page-blog__newsletter-textarea{min-height:80px}
.page-blog__newsletter .page-blog__btn{border-radius:8px;flex-shrink:0}

@media (max-width: 768px){.page-blog{max-width:100%}.page-blog__hero-section{padding:10px 12px 0}.page-blog__hero-image{aspect-ratio:2/1}.page-blog__hero-content{padding:0 4px}.page-blog__main-title,.page-blog__section-title{margin-top:8px}.page-blog__hero-description{margin-bottom:16px}.page-blog__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;width:auto}.page-blog__picks-grid,.page-blog__categories-grid,.page-blog__news-grid{grid-template-columns:1fr}.page-blog__top-picks,.page-blog__latest-news,.page-blog__categories{padding:24px 12px}.page-blog__category-card,.page-blog__pick-card,.page-blog__news-item{max-width:100%;overflow:hidden}.page-blog__featured-guide{flex-direction:column;padding:24px 12px;margin:24px auto}.page-blog__guide-content{flex:auto}.page-blog__newsletter,.page-blog__newsletter-description,.page-blog__newsletter-form{width:100%;box-sizing:border-box}.page-blog__newsletter-input,.page-blog__newsletter-textarea{width:100%}.page-blog__newsletter-form{flex-direction:column}.page-blog .page-blog__pick-image,.page-blog .page-blog__news-image,.page-blog .page-blog__guide-image,.page-blog__pick-image,.page-blog__guide-image{max-width:100%;width:auto;height:auto;aspect-ratio:auto}.page-blog img{max-width:100% !important;height:auto !important}.page-blog__newsletter .page-blog__btn{width:100%}}