.elementor-990108 .elementor-element.elementor-element-51b87d2{--display:flex;--margin-top:0px;--margin-bottom:0150px;--margin-left:0px;--margin-right:075px;}.elementor-990108 .elementor-element.elementor-element-7404c32 > .elementor-widget-container{margin:050px 0px 0px 0px;}.elementor-990108 .elementor-element.elementor-element-2be4a68 > .elementor-widget-container{margin:025px 0px 0px 0px;}.elementor-990108 .elementor-element.elementor-element-2be4a68.elementor-element{--align-self:center;}.elementor-990108 .elementor-element.elementor-element-2be4a68{text-align:center;}.elementor-990108 .elementor-element.elementor-element-2be4a68 img{border-radius:32px 32px 32px 32px;}.elementor-990108 .elementor-element.elementor-element-45879d2 .elementor-icon-list-icon{width:14px;}.elementor-990108 .elementor-element.elementor-element-45879d2 .elementor-icon-list-icon i{font-size:14px;}.elementor-990108 .elementor-element.elementor-element-45879d2 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-990108 .elementor-element.elementor-element-d705e73 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-d705e73 */<style>
.ss-post { 
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  line-height: 1.6;
}

.ss-post h1, .ss-post h2, .ss-post h3, .ss-post h4, .ss-post h5, .ss-post h6 {
  color: #000000;
  margin: 2em 0 1em;
}

.ss-post h1 {
  margin-top: 0;
  font-size: 2.2em;
  text-align: center;
  border-bottom: 3px solid #EC008C;
  padding-bottom: 0.5em;
}

.ss-post h2 {
  font-size: 1.5em;
  color: #2c3e50;
}

.ss-post p, .ss-post li, .ss-post blockquote, .ss-post figcaption, .ss-post td, .ss-post th {
  color: #020101;
}

.ss-post p { 
  margin: 1.2em 0; 
  text-align: justify;
}

.ss-post ul, .ss-post ol { margin: 0.9em 0 0.9em 1.2em; }
.ss-post blockquote { margin: 1.2em 0; padding: 0.1em 1em; border-left: 3px solid #0201011a; }
.ss-post a { text-decoration: underline; font-style: italic; color: inherit; }
.ss-post .toc a { text-decoration: none; }

.ss-post .tldr { 
  background: linear-gradient(135deg, #F4C1E6 0%, #f8d7f1 100%);
  padding: 2em; 
  border-radius: 12px; 
  border-left: 4px solid #EC008C;
  margin: 2em 0;
  box-shadow: 0 4px 15px rgba(236, 0, 140, 0.1);
}

.ss-post .tldr ol { margin: 0.5em 0; padding-left: 5%; }
.ss-post .tldr li { margin-bottom: 0.5em; }

/* Enhanced Figure and Image Styling */
.ss-post figure { 
  margin: 2.5em auto; 
  text-align: center;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ss-post figure:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.ss-post img { 
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0;
  object-fit: cover;
  transition: transform 0.3s ease;
}

/* Specific image sizing for better layout */
.ss-post figure img {
  max-height: 400px;
  min-height: 250px;
}

/* Hero image (first image) styling */
.ss-post figure:first-of-type {
  margin: 3em auto;
  border-radius: 20px;
}

.ss-post figure:first-of-type img {
  max-height: 500px;
  border-radius: 20px;
}

.ss-post figcaption { 
  font-style: italic; 
  opacity: 0.8; 
  margin: 0;
  padding: 1em 1.5em;
  background: #f8f9fa;
  font-size: 0.9em;
  color: #555;
  border-top: 1px solid #e9ecef;
}

/* Image containers with better spacing */
.ss-post section {
  margin: 3em 0;
}

/* Responsive image adjustments */
@media (max-width: 768px) {
  .ss-post {
    padding: 15px;
  }
  
  .ss-post figure {
    margin: 2em auto;
    border-radius: 12px;
  }
  
  .ss-post figure img {
    max-height: 300px;
    min-height: 200px;
  }
  
  .ss-post figure:first-of-type img {
    max-height: 350px;
  }
  
  .ss-post h1 {
    font-size: 1.8em;
  }
}

@media (max-width: 480px) {
  .ss-post figure img {
    max-height: 250px;
    min-height: 180px;
  }
  
  .ss-post figcaption {
    padding: 0.8em 1em;
    font-size: 0.85em;
  }
}

/* Content spacing improvements */
.ss-post .content-section {
  margin: 3em 0;
}

/* Table styling improvements */
.ss-post .table-wrap { width: 100%; overflow-x: auto; margin: 2em 0; }
.ss-post table { 
  border-collapse: collapse; 
  width: 100%;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.ss-post th, .ss-post td { 
  padding: 1em; 
  border-bottom: 1px solid #e9ecef; 
  text-align: left; 
}
.ss-post th {
  background: #f8f9fa;
  font-weight: 600;
}

/* Author section styling */
.ss-post #author {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 2em;
  border-radius: 12px;
  margin-top: 3em;
  border-left: 4px solid #EC008C;
}
</style>/* End custom CSS */