/* TigonTech IT Service Pages — independent, versioned service-specific layer
   Load AFTER the versioned core CSS. This file prevents older cached core CSS
   from silently applying a layout without the updated detail-page refinements. */

.detail-hero,
.detail-service-nav,
.detail-service-nav *,
.detail-section,
.detail-related {
  box-sizing: border-box;
}
.detail-hero-grid,
.detail-intro,
.detail-feature-grid,
.detail-step-grid,
.detail-faq-layout,
.related-services,
.detail-cta {
  min-width: 0;
}
.detail-hero-grid > *,
.detail-intro > *,
.detail-feature-grid > *,
.detail-step-grid > *,
.detail-faq-layout > *,
.related-services > *,
.detail-cta > * {min-width:0;}
.detail-hero-grid {grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);}
.detail-hero-art {min-width:0;}
.detail-hero-art img {max-width:100%;height:535px;object-fit:contain;object-position:center bottom;}
.detail-tags {max-width:100%;}
.detail-feature-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
.detail-feature-card {overflow-wrap:break-word;}
.related-services {grid-template-columns:repeat(3,minmax(0,1fr));}
.related-service {min-width:0;}
.related-service strong {overflow-wrap:anywhere;}
.detail-cta {grid-template-columns:minmax(0,1fr) minmax(180px,260px);}
.detail-cta img {height:auto;max-height:290px;}

@media (max-width: 1100px) {
  .detail-hero-grid {grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);}
  .detail-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .detail-hero-art img {height:500px;}
}
@media (max-width: 900px) {
  .detail-service-nav nav {
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:center;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
    gap:6px;
    padding:13px 0;
  }
  .detail-service-nav a {flex:0 0 auto;}
  .detail-hero-grid {grid-template-columns:minmax(0,1fr);}
  .detail-hero-art {height:395px;}
  .detail-hero-art img {height:390px;}
  .detail-step-grid,
  .related-services {grid-template-columns:minmax(0,1fr);}
  .detail-faq-layout {grid-template-columns:minmax(0,1fr);}
  .detail-cta {grid-template-columns:minmax(0,1fr) minmax(130px,180px);}
}
@media (max-width: 590px) {
  .detail-hero-grid,
  .detail-intro {grid-template-columns:minmax(0,1fr);}
  .detail-hero-copy {padding:37px 0 0;}
  .detail-hero h1 {font-size:clamp(32px,9.6vw,43px);line-height:1.13;}
  .detail-lead {font-size:14px;}
  .detail-service-nav a {font-size:11px;padding:8px 12px;}
  .detail-hero-art {height:320px;}
  .detail-hero-art img {height:315px;}
  .detail-feature-grid {grid-template-columns:minmax(0,1fr);}
  .detail-feature-card {min-height:0;}
  .detail-cta {grid-template-columns:minmax(0,1fr);padding:32px 24px 0;gap:10px;}
  .detail-cta img {height:190px;max-height:190px;max-width:240px;margin-bottom:-8px;justify-self:end;}
}
@media (max-width: 370px) {
  .detail-hero-art {height:292px;}
  .detail-hero-art img {height:287px;}
  .detail-tags {gap:6px;}
  .detail-tags span {font-size:10px;padding:7px 9px;}
}