/* Community360 R7.2 workflow layout — no internal horizontal scroll.
   Uses simple grid placement, clearly separated heading and supporting text.
   Scoped strictly to the Community360 workflows section. */
#workflows.c360p-workflows-r7{overflow:visible;}
#workflows .c360p-r7-maphead{
 display:grid;
 grid-template-columns:minmax(0,1fr);
 align-items:start;
 justify-content:stretch;
 gap:11px;
 margin-bottom:clamp(21px,2vw,34px);
 min-width:0;
}
#workflows .c360p-r7-maphead>div{min-width:0;max-width:100%;}
#workflows .c360p-r7-maphead h3{
 display:block;
 font-size:clamp(24px,1.9vw,39px);
 line-height:1.23;
 letter-spacing:-.035em;
 margin:8px 0 0;
 max-width:100%;
 text-wrap:balance;
 overflow-wrap:break-word;
}
#workflows .c360p-r7-map-subtitle{
 display:block;
 text-align:left;
 max-width:100%;
 margin:0!important;
 color:var(--c360-muted);
 font-size:clamp(13px,.9vw,19px);
 line-height:1.6;
}
#workflows .c360p-r7-journey{
 overflow:visible!important;
 overflow-x:visible!important;
 overflow-y:visible!important;
 min-width:0;
 scroll-snap-type:none;
 grid-template-columns:repeat(5,minmax(0,1fr));
 gap:clamp(10px,1.3vw,23px);
 scrollbar-width:none;
}
#workflows .c360p-r7-journey>div{
 min-width:0;
 max-width:100%;
 overflow-wrap:anywhere;
}
#workflows .c360p-r7-journey>div>strong,
#workflows .c360p-r7-journey>div>small{
 display:block;
 min-width:0;
 max-width:100%;
 overflow-wrap:anywhere;
}
#workflows .c360p-r7-journey>div:not(:last-child)::after{
 right:calc(-1 * clamp(14px,1.3vw,25px));
 pointer-events:none;
}
#workflows .c360p-r7-heading,
#workflows .c360p-r7-maphead,
#workflows .c360p-r7-journey,
#workflows .c360p-r7-workflow-grid{
 position:relative;
 z-index:auto;
}
#workflows .c360p-r7-heading{overflow:visible;}
#workflows .c360p-r7-heading-copy{min-width:0;}
#workflows .c360p-r7-assurance{min-width:0;max-width:100%;}
#workflows .c360p-r7-wrap{
 min-width:0;
 overflow:visible;
}
/* Responsive checkpoint rows: no five-item min-width strip, no sideways scrolling. */
@media(max-width:999px){
 #workflows .c360p-r7-journey{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
  padding:14px;
 }
 #workflows .c360p-r7-journey>div{
  padding:clamp(13px,2vw,19px);
  scroll-snap-align:none;
 }
 #workflows .c360p-r7-journey>div:not(:last-child)::after{display:none;}
 #workflows .c360p-r7-journey>div:nth-child(4),
 #workflows .c360p-r7-journey>div:nth-child(5){
  grid-column:auto;
 }
 #workflows .c360p-r7-journey>div:nth-child(4){grid-column:1 / span 1;}
 #workflows .c360p-r7-journey>div:nth-child(5){grid-column:2 / span 2;}
 #workflows .c360p-r7-maphead{gap:8px;}
 #workflows .c360p-r7-maphead h3{font-size:clamp(22px,3.1vw,31px);}
}
@media(max-width:600px){
 #workflows .c360p-r7-journey{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  overflow:visible!important;
  gap:10px;
  padding:11px;
  border-radius:14px;
 }
 #workflows .c360p-r7-journey>div{
  padding:13px 11px;
  border-radius:10px;
 }
 #workflows .c360p-r7-journey>div:nth-child(4){grid-column:auto;}
 #workflows .c360p-r7-journey>div:nth-child(5){grid-column:1 / -1;}
 #workflows .c360p-r7-journey>div>span{
  margin-bottom:7px;
  width:35px;
  height:35px;
 }
 #workflows .c360p-r7-journey>div>strong{font-size:14px;}
 #workflows .c360p-r7-journey>div>small{font-size:12px;}
 #workflows .c360p-r7-maphead{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:9px;
 }
 #workflows .c360p-r7-maphead h3{font-size:clamp(22px,5.1vw,29px);line-height:1.3;}
 #workflows .c360p-r7-map-subtitle{font-size:13px;}
}
@media(max-width:340px){
 #workflows .c360p-r7-journey{gap:7px;padding:8px;}
 #workflows .c360p-r7-journey>div{padding:10px 8px;}
 #workflows .c360p-r7-journey>div>strong{font-size:13px;}
 #workflows .c360p-r7-journey>div>small{font-size:11px;}
}
/* Section headings and cards should never inherit global sticky page-header
   behavior and must remain within their own normal document flow. */
#workflows .c360p-r7-heading{position:static!important;}
#workflows .c360p-r7-maphead{position:static!important;}