/* Container inherits theme width */
.ss-story-container{ width:100%; margin:0; padding:0; color:inherit; font:inherit; line-height:inherit; }

/* Header */
.ss-header-block{ margin:0 0 0.75em; line-height:1.25; font-weight:700; color:inherit; }

/* Text */
.ss-text-block{ margin:0 0 0.9em; }
.ss-text-block p{ margin:0 0 0.9em; }

/* Shared blocks */
.ss-image-block{ margin:1em 0; }
.ss-image-block img{ max-width:100%; height:auto; display:block; border-radius:4px; }
.ss-quote-block{
  float:right; width:45%;
  margin:0 0 1em 1.5em; padding:1em 1.1em;
  border-left:5px solid #555; background:#f8f8f8;
}
.ss-quote-block p{ margin:0; }
.ss-quote-block cite{ display:block; margin-top:0.5em; color:#666; font-style:normal; }

/* Clear floats */
.ss-story-container::after, .ss-image-block::after{ content:""; display:block; clear:both; }

/* ===== Template 1: two columns under header ===== */
.ss-template-1 .ss-two-col-1{ width:100%; border-collapse:collapse; table-layout:fixed; }
.ss-template-1 .ss-two-col-1 td{ vertical-align:top; padding:0; }
.ss-template-1 .ss-col-left-1{  width:50%; padding-right:1rem; box-sizing:border-box; }
.ss-template-1 .ss-col-right-1{ width:50%; padding-left:1rem;  box-sizing:border-box; }

/* Image1 half height (left) + Image2 full height (right) */
.ss-template-1 .ss-img1-half img{ height:120px; object-fit:cover; width:100%; }
.ss-template-1 .ss-col-right-1 .ss-image-block img{ height:240px; object-fit:cover; width:100%; }

/* In right col, quote should not float */
.ss-template-1 .ss-col-right-1 .ss-quote-block{ float:none; width:100%; margin:0.75em 0 0 0; }

/* ===== Template 2: hero-thin + two columns ===== */
.ss-template-2 .ss-hero-thin{ width:100%; margin:0.8em 0 1em 0; }
.ss-template-2 .ss-hero-thin img{ width:100%; height:160px; object-fit:cover; border-radius:4px; }
.ss-template-2 .ss-two-col-2{ width:100%; border-collapse:collapse; table-layout:fixed; }
.ss-template-2 .ss-two-col-2 td{ vertical-align:top; padding:0; }
.ss-template-2 .ss-col-left-2{ width:45%; padding-right:1rem; box-sizing:border-box; }
.ss-template-2 .ss-col-right-2{ width:55%; padding-left:1rem;  box-sizing:border-box; }
.ss-template-2 .ss-col-left-2 .ss-image-block,
.ss-template-2 .ss-col-left-2 .ss-quote-block{ float:none; width:100%; margin:0 0 1em 0; }

/* ===== Template 3: text left 60%, image/quote right 40% ===== */
.ss-template-3 .ss-two-col-table{ width:100%; border-collapse:collapse; table-layout:fixed; }
.ss-template-3 .ss-two-col-table td{ vertical-align:top; padding:0; }
.ss-template-3 .ss-col-left{  width:60%; padding-right:1rem; box-sizing:border-box; }
.ss-template-3 .ss-col-right{ width:40%; padding-left:1rem;  box-sizing:border-box; }
.ss-template-3 .ss-col-right .ss-image-block,
.ss-template-3 .ss-col-right .ss-quote-block{ float:none; width:100%; margin:0 0 1em 0; }

/* Responsive stacking */
@media (max-width: 900px){
  .ss-quote-block{ float:none; width:100%; margin:0.9em 0 1em 0; }

  .ss-template-1 .ss-two-col-1,
  .ss-template-1 .ss-two-col-1 tr,
  .ss-template-1 .ss-two-col-1 td,
  .ss-template-2 .ss-two-col-2,
  .ss-template-2 .ss-two-col-2 tr,
  .ss-template-2 .ss-two-col-2 td,
  .ss-template-3 .ss-two-col-table,
  .ss-template-3 .ss-two-col-table tr,
  .ss-template-3 .ss-two-col-table td{ display:block; width:100%; }

  .ss-template-1 .ss-col-left-1,
  .ss-template-1 .ss-col-right-1,
  .ss-template-2 .ss-col-left-2,
  .ss-template-2 .ss-col-right-2,
  .ss-template-3 .ss-col-left,
  .ss-template-3 .ss-col-right{ padding-left:0; padding-right:0; }
}
@media (max-width: 600px){
  .ss-header-block{ margin-bottom:0.6em; }
  .ss-image-block{  margin:0.9em 0; }
  .ss-quote-block{  padding:0.85em 1em; }
}

.ss-shortcode-featured-image {
    margin-bottom: 20px;
    width: 100%;
}
.ss-shortcode-featured-image img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}