/* ================================================================
   CO-MANAGED IT SUB-SERVICES STYLES
   ================================================================ */
.cm-breadcrumb{
  padding:18px 0 0;font-family:var(--mono);font-size:.72rem;
  color:var(--muted);letter-spacing:.12em;text-transform:uppercase;
}
.cm-breadcrumb a{color:var(--muted);text-decoration:none;}
.cm-breadcrumb a:hover{color:var(--red);}
.cm-breadcrumb .sep{margin:0 8px;color:var(--muted-2);}
.cm-breadcrumb .current{color:#fff;}

.cm-hero{
  padding:54px 0 30px;border-bottom:1px solid var(--line);margin-bottom:42px;
}
.cm-hero .eyebrow{
  display:inline-block;font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--red);padding:6px 12px;
  border:1px solid rgba(214,31,38,.4);border-radius:4px;margin-bottom:18px;
}
.cm-hero h1{
  font-family:var(--display);font-size:clamp(2.4rem,5.4vw,4.2rem);
  line-height:.95;letter-spacing:-.024em;text-transform:uppercase;
  margin-bottom:20px;
}
.cm-hero h1 .accent{color:var(--red);}
.cm-hero .lede{font-size:1.14rem;color:var(--text-2);max-width:820px;line-height:1.55;}

.cm-body{padding-bottom:60px;}
.cm-section{margin:36px 0;}
.cm-section h2{
  font-family:var(--display);font-size:1.5rem;text-transform:uppercase;
  letter-spacing:-.014em;line-height:1.05;margin-bottom:14px;color:#fff;
}
.cm-section h2 .num{
  color:var(--red);font-family:var(--mono);
  font-size:.62em;letter-spacing:.1em;margin-right:14px;font-weight:700;
}
.cm-section p{color:var(--text-2);font-size:1.02rem;line-height:1.72;margin-bottom:14px;}
.cm-section ul{margin:6px 0 16px 22px;color:var(--text-2);}
.cm-section li{margin-bottom:8px;line-height:1.6;}
.cm-section li strong{color:#fff;}

/* SUB-SERVICE TILES (on parent co-managed-it page) */
.cm-subgrid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:14px;margin:24px 0;
}
.cm-subtile{
  background:var(--panel);border:1px solid var(--line);
  border-radius:12px;padding:22px 24px;
  text-decoration:none;color:inherit;
  display:flex;flex-direction:column;
  transition:all .15s;
}
.cm-subtile:hover{
  border-color:var(--red);background:var(--panel-2);
  transform:translateY(-2px);
}
.cm-subtile .num-tag{
  font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;
  color:var(--red);text-transform:uppercase;margin-bottom:10px;
}
.cm-subtile h3{
  font-family:var(--display);font-size:1.08rem;
  text-transform:uppercase;letter-spacing:-.004em;
  color:#fff;margin-bottom:10px;line-height:1.18;
}
.cm-subtile p{
  color:var(--text-2);font-size:.9rem;line-height:1.5;margin:0;
}

.cm-related{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;
}
.cm-related a{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);
  border:1px solid var(--line);padding:9px 14px;
  border-radius:6px;text-decoration:none;transition:all .15s;
}
.cm-related a:hover{border-color:var(--red);color:var(--red);}

.cm-cta{
  margin:48px 0 60px;padding:30px 28px;
  background:linear-gradient(135deg, rgba(214,31,38,.12), rgba(0,0,0,0));
  border:1px solid var(--red);border-radius:14px;text-align:center;
}
.cm-cta h3{font-family:var(--display);text-transform:uppercase;font-size:1.32rem;margin-bottom:8px;color:#fff;}
.cm-cta p{color:var(--text-2);margin-bottom:18px;}
.cm-cta .btn{margin:0 6px;}