/* Shared customer-problem diagnostic statements for primary service pages.
   Website Redesigns is the canonical reference for this component. */
.service-diagnostic{background:var(--service-bg-dark);border-top:1px solid rgba(209,220,241,.12);color:var(--service-heading-dark);}
.service-diagnostic-inner{padding:clamp(92px,9vw,132px) 0;}
.service-diagnostic-intro{max-width:880px;}
.service-diagnostic-intro h2{max-inline-size:var(--ctg-public-measure-section);margin:18px 0 22px;color:var(--service-heading-dark);font-size:var(--service-type-h2);font-weight:520;letter-spacing:-.045em;line-height:1.1;text-wrap:balance;}
.service-diagnostic-intro>p:last-child{max-inline-size:var(--ctg-public-measure-body);text-wrap:pretty;margin:0;color:var(--service-body-dark);font-size:var(--service-type-body);line-height:1.7;}
.service-diagnostic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:58px;}
.service-diagnostic-grid article{display:flex;flex-direction:column;justify-content:space-between;min-height:205px;padding:36px 38px;border-top:1px solid rgba(209,220,241,.27);background:rgba(255,255,255,.018);transition:background-color .2s ease,border-color .2s ease;}
.service-diagnostic-grid article:hover{border-color:rgba(194,206,255,.52);background:rgba(255,255,255,.042);}
.service-diagnostic-statement{max-width:19ch;margin:0;color:var(--service-heading-dark);font-size:var(--service-type-h3);font-weight:600;letter-spacing:-.025em;line-height:1.3;}
.service-diagnostic-label{color:var(--service-body-dark);font-size:var(--service-type-eyebrow);font-weight:700;letter-spacing:.17em;line-height:1.4;text-transform:uppercase;transition:color .2s ease;}
.service-diagnostic-grid article:hover .service-diagnostic-label{color:#bdc9ff;}
.service-diagnostic-cta{display:flex;flex-direction:column;align-items:center;margin-top:28px;padding-top:42px;text-align:center;}
.service-diagnostic-cta p{max-width:620px;margin:34px 0 0;color:var(--service-body-dark);font-size:var(--service-type-body);line-height:1.7;}

@media(min-width:641px){
  .service-diagnostic-intro{max-width:1116px;}
}

@media(min-width:768px) and (max-width:1023px){
  .service-diagnostic-inner{padding:84px 0;}
  .service-diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:48px;}
  .service-diagnostic-grid article{min-height:188px;padding:31px;}
}

@media(max-width:767px){
  .service-diagnostic{padding:20px;}
  .service-diagnostic .redesign-shell{width:100%;}
  .service-diagnostic-inner{padding:48px 0;}
  .service-diagnostic-intro h2{margin:15px 0 18px;font-size:clamp(36px,10vw,46px);line-height:1.06;}
  .service-diagnostic-intro>p:last-child{font-size:17px;line-height:1.55;}
  .service-diagnostic-grid{grid-template-columns:1fr;gap:0;margin-top:40px;}
  .service-diagnostic-grid article{min-height:156px;padding:27px 0;border-top:1px solid rgba(209,220,241,.24);background:transparent;text-align:left;}
  .service-diagnostic-grid article:last-child{border-bottom:1px solid rgba(209,220,241,.24);}
  .service-diagnostic-grid article:hover{background:transparent;}
  .service-diagnostic-statement{font-size:clamp(21px,6vw,25px);}
  .service-diagnostic-label{font-size:14px;}
  .service-diagnostic-cta{margin-top:28px;padding-top:34px;}
  .service-diagnostic-cta-button{width:100%;padding:12px 22px;}
  .service-diagnostic-cta p{font-size:16px;}
  .service-diagnostic.ctg-public-section{padding-block:var(--ctg-public-section-block);}
  .service-diagnostic.ctg-public-section .service-diagnostic-inner{padding-block:0;}
}