/* Settings stays calm and easy to use across phones and tablets. */
.feature-grid-settings .feature-card{align-items:flex-start}
.feature-grid-settings .feature-card>b{flex:0 0 38px}

@media(min-width:761px) and (max-width:1024px){
  .page-detail-settings{padding:42px 38px!important}
  .feature-grid-settings{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important}
  .feature-grid-settings .feature-card{min-height:118px!important}
  .feature-workspace .workspace-form{max-width:700px!important}
}

@media(max-width:760px){
  .page-detail-settings{padding:31px 22px!important}
  .feature-grid-settings{gap:11px!important}
  .feature-grid-settings .feature-card{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;min-height:92px!important;padding:18px!important}
  .feature-grid-settings .feature-card>b{grid-row:1/3}
  .feature-grid-settings .feature-card span{align-content:start}
  .feature-grid-settings .feature-card strong{font-size:14px!important;line-height:1.25!important}
  .feature-grid-settings .feature-card small{font-size:11px!important;line-height:1.45!important}
  .feature-workspace .workspace-form{gap:16px!important;padding:20px!important}
  .feature-workspace .workspace-form label{gap:9px!important;font-size:12px!important}
  .feature-workspace .workspace-form .toggle{align-items:flex-start!important;column-gap:11px!important;line-height:1.45!important}
  .feature-workspace .workspace-form .toggle span{flex:0 0 auto;margin-top:1px}
  .feature-workspace .workspace-form .primary,.feature-workspace .journey-step .primary{justify-self:stretch!important;width:100%!important;min-height:47px!important}
  .feature-workspace .journey-step{grid-template-columns:38px minmax(0,1fr)!important;padding:20px!important}
  .feature-workspace .journey-step>div{min-width:0}
  .feature-workspace .journey-step h3{font-size:18px!important;overflow-wrap:anywhere!important}
  .feature-workspace .journey-step .link{justify-self:start!important;padding:10px 0!important}
}
