.frontend-engine-theme [class$="-hero"],
.frontend-engine-theme [class*="-hero "],
.frontend-engine-theme .guide-hero,
.frontend-engine-theme .ranking-hero,
.frontend-engine-theme .review-hero,
.frontend-engine-theme .tools-hero,
.frontend-engine-theme .comparison-hero {
  margin: 18px 0;
}

.frontend-engine-theme .breadcrumbs,
.frontend-engine-theme .search-bar-wrap,
.frontend-engine-theme .newsletter-box,
.frontend-engine-theme .cta-box,
.frontend-engine-theme .related-posts,
.frontend-engine-theme .guide-toc,
.frontend-engine-theme .guide-info-box,
.frontend-engine-theme .guide-timeline,
.frontend-engine-theme .guide-steps,
.frontend-engine-theme .guide-tools,
.frontend-engine-theme .guide-tips,
.frontend-engine-theme .guide-warning,
.frontend-engine-theme .guide-faq,
.frontend-engine-theme .guide-related,
.frontend-engine-theme .guide-cta,
.frontend-engine-theme .ranking-intro,
.frontend-engine-theme .ranking-top3,
.frontend-engine-theme .ranking-list,
.frontend-engine-theme .ranking-table,
.frontend-engine-theme .ranking-affiliate,
.frontend-engine-theme .ranking-related,
.frontend-engine-theme .review-rating,
.frontend-engine-theme .review-summary,
.frontend-engine-theme .review-pros-cons,
.frontend-engine-theme .review-specs,
.frontend-engine-theme .review-verdict,
.frontend-engine-theme .review-affiliate,
.frontend-engine-theme .review-related,
.frontend-engine-theme .tool-rating,
.frontend-engine-theme .tool-summary,
.frontend-engine-theme .tool-pros-cons,
.frontend-engine-theme .tool-specs,
.frontend-engine-theme .tool-pricing,
.frontend-engine-theme .tool-verdict,
.frontend-engine-theme .tool-affiliate,
.frontend-engine-theme .tool-related,
.frontend-engine-theme .tools-list,
.frontend-engine-theme .comparison-table,
.frontend-engine-theme .comparison-features,
.frontend-engine-theme .comparison-pros-cons,
.frontend-engine-theme .comparison-winner,
.frontend-engine-theme .comparison-related,
.frontend-engine-theme .ads-hero,
.frontend-engine-theme .ads-inline,
.frontend-engine-theme .ads-sidebar,
.frontend-engine-theme .ads-footer,
.frontend-engine-theme .ads-sponsored-box {
  background: rgba(16, 24, 48, .54);
  border: 1px solid rgba(142, 160, 255, .18);
  box-shadow: 0 16px 34px rgba(4, 8, 24, .28);
  border-radius: 16px;
  padding: 18px;
  margin: 18px 0;
}

.frontend-engine-theme.theme-light .breadcrumbs,
.frontend-engine-theme.theme-light .search-bar-wrap,
.frontend-engine-theme.theme-light .newsletter-box,
.frontend-engine-theme.theme-light .cta-box,
.frontend-engine-theme.theme-light .related-posts,
.frontend-engine-theme.theme-light .guide-toc,
.frontend-engine-theme.theme-light .guide-info-box,
.frontend-engine-theme.theme-light .guide-timeline,
.frontend-engine-theme.theme-light .guide-steps,
.frontend-engine-theme.theme-light .guide-tools,
.frontend-engine-theme.theme-light .guide-tips,
.frontend-engine-theme.theme-light .guide-warning,
.frontend-engine-theme.theme-light .guide-faq,
.frontend-engine-theme.theme-light .guide-related,
.frontend-engine-theme.theme-light .guide-cta,
.frontend-engine-theme.theme-light .ranking-intro,
.frontend-engine-theme.theme-light .ranking-top3,
.frontend-engine-theme.theme-light .ranking-list,
.frontend-engine-theme.theme-light .ranking-table,
.frontend-engine-theme.theme-light .ranking-affiliate,
.frontend-engine-theme.theme-light .ranking-related,
.frontend-engine-theme.theme-light .review-rating,
.frontend-engine-theme.theme-light .review-summary,
.frontend-engine-theme.theme-light .review-pros-cons,
.frontend-engine-theme.theme-light .review-specs,
.frontend-engine-theme.theme-light .review-verdict,
.frontend-engine-theme.theme-light .review-affiliate,
.frontend-engine-theme.theme-light .review-related,
.frontend-engine-theme.theme-light .tool-rating,
.frontend-engine-theme.theme-light .tool-summary,
.frontend-engine-theme.theme-light .tool-pros-cons,
.frontend-engine-theme.theme-light .tool-specs,
.frontend-engine-theme.theme-light .tool-pricing,
.frontend-engine-theme.theme-light .tool-verdict,
.frontend-engine-theme.theme-light .tool-affiliate,
.frontend-engine-theme.theme-light .tool-related,
.frontend-engine-theme.theme-light .tools-list,
.frontend-engine-theme.theme-light .comparison-table,
.frontend-engine-theme.theme-light .comparison-features,
.frontend-engine-theme.theme-light .comparison-pros-cons,
.frontend-engine-theme.theme-light .comparison-winner,
.frontend-engine-theme.theme-light .comparison-related,
.frontend-engine-theme.theme-light .ads-hero,
.frontend-engine-theme.theme-light .ads-inline,
.frontend-engine-theme.theme-light .ads-sidebar,
.frontend-engine-theme.theme-light .ads-footer,
.frontend-engine-theme.theme-light .ads-sponsored-box {
  background: rgba(255, 255, 255, .86);
  border: 1px solid rgba(86, 106, 194, .15);
  box-shadow: 0 16px 28px rgba(22, 35, 75, .08);
}

.frontend-engine-theme .ad-slot {
  border-radius: 12px;
  border: 1px dashed rgba(146, 161, 255, .35);
  background: rgba(20, 30, 60, .35);
  padding: 12px;
}

.frontend-engine-theme .cards-grid,
.frontend-engine-theme .pros-cons-grid,
.frontend-engine-theme .tool-pricing__plans,
.frontend-engine-theme .guide-info-box__meta,
.frontend-engine-theme .guide-cta__cluster-links {
  gap: 14px;
}

.frontend-engine-theme .card,
.frontend-engine-theme .guide-step,
.frontend-engine-theme .timeline-item,
.frontend-engine-theme .ranking-card,
.frontend-engine-theme .ranking-product,
.frontend-engine-theme .tool-card {
  border-radius: 14px;
  border: 1px solid rgba(142, 160, 255, .18);
  background: rgba(18, 27, 54, .5);
}

.frontend-engine-theme.theme-light .card,
.frontend-engine-theme.theme-light .guide-step,
.frontend-engine-theme.theme-light .timeline-item,
.frontend-engine-theme.theme-light .ranking-card,
.frontend-engine-theme.theme-light .ranking-product,
.frontend-engine-theme.theme-light .tool-card {
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(86, 106, 194, .14);
}

.frontend-engine-theme .button,
.frontend-engine-theme .ads-btn {
  border-radius: 12px;
}