/* Blog-specific styles - reuses existing design system */
.postbox__thumb img {
   width: 100%;
   height: auto;
   display: block;
}

/* Blog list - landscape card images */
.tp-service-5-area .postbox__thumb {
   overflow: hidden;
   aspect-ratio: 16 / 9;
}
.tp-service-5-area .postbox__thumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* Blog details - featured image landscape */
.postbox__thumb.fix {
   overflow: hidden;
}
.postbox__thumb.fix .container img,
.postbox__thumb.fix img {
   width: 100%;
   aspect-ratio: 16 / 9;
   object-fit: cover;
   display: block;
}

/* Blog details - smaller title + breadcrumb (fix overlap on mobile & desktop) */
.blog-detail-hero .tm-hero-title,
.blog-detail-hero .tm-hero-title.fs-220 {
   font-size: 2rem !important;
   line-height: 1.35 !important;
   letter-spacing: -0.02em !important;
   overflow: visible !important;
}
.blog-detail-hero .tm-hero-content {
   overflow: visible !important;
}
@media (max-width: 767px) {
   .blog-detail-hero .tm-hero-title,
   .blog-detail-hero .tm-hero-title.fs-220 {
      font-size: 1.5rem !important;
   }
}
@media (min-width: 768px) {
   .blog-detail-hero .tm-hero-title,
   .blog-detail-hero .tm-hero-title.fs-220 {
      font-size: 2.25rem !important;
   }
}
@media (min-width: 1200px) {
   .blog-detail-hero .tm-hero-title,
   .blog-detail-hero .tm-hero-title.fs-220 {
      font-size: 2.5rem !important;
   }
}
.blog-breadcrumb {
   font-size: 14px;
   color: #666;
   margin-bottom: 12px;
}
.blog-breadcrumb a {
   color: #666;
   text-decoration: none;
}
.blog-breadcrumb a:hover {
   color: #19191A;
   text-decoration: underline;
}
.blog-breadcrumb .current {
   color: #19191A;
   font-weight: 500;
}

/* CTA block - button spacing */
.postbox__blockquote .d-flex .tp-btn-black-2:not(:last-child) {
   margin-right: 12px;
}

/* Blog content tables */
.postbox__text .table {
   border-color: rgba(0, 0, 0, 0.1);
}
.postbox__text .table th,
.postbox__text .table td {
   padding: 12px 16px;
   vertical-align: middle;
}
.postbox__text .table thead th {
   background: #f5f5f5;
   font-weight: 600;
}