/* ===== Base wrappers ===== */
.stb-single { background: #fff; }




/* ===== Content section ===== */
.stb-single__content{ padding: 1.5rem 0; background:#fff; }
.stb-single__content-inner{ padding-bottom: 6rem; }

/* ===== Layout: main + aside ===== */
.stb-layout{ display:block; }
@media (min-width: 1024px){
  .stb-layout{
    display:grid;
    grid-template-columns: 3fr 1fr;
    column-gap: 3rem;
    align-items:start;
  }
}
.stb-layout__aside{ display:none; }
@media (min-width: 1024px){
  .stb-layout__aside{ display:block; }
}

/* ===== Card ===== */
.stb-card{
  background:#fff;
  border-radius: .5rem;
  padding: 2rem;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.stb-card__media{ margin-bottom: 2rem; }
.stb-card__image{
  width:100%;
  height:auto;
  border-radius:.5rem;
  display:block;
  object-fit:cover;
}
.stb-card__title{
  margin: 0 0 1.5rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
  color:#1f2937;
}

/* ===== Prose ===== */
.stb-prose{ max-width:none; margin-bottom: 1.5rem; color:#111827; }
.stb-prose p{ margin: 0 0 1rem; }
.stb-prose img{ max-width:100%; height:auto; border-radius:.5rem; }
.stb-prose strong{ font-weight:700; }

/* ===== Meta ===== */
.stb-meta{ font-size: .875rem; line-height: 1.25rem; color:#4b5563; }
.stb-meta p{ margin: 0 0 .5rem; }

/* ===== Sidebar ===== */
.stb-sidebar{ margin-left: 0; }
@media (min-width: 1024px){
  .stb-sidebar{ margin-left: 3rem; }
}
.stb-sidebar__title{
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}