/* Marking audience sequence only; other feature and pricing cards are unchanged. */
.mark-page .mark-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #d9ccd6}
.mark-page .mark-role-grid>.mark-role{min-width:0;padding:24px 22px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.mark-page .mark-role-grid>.mark-role:not(:first-child){padding-left:22px}
.mark-page .mark-role-grid>.mark-role:not(:last-child){border-right:1px solid #e9e2e8}
.mark-page .mark-role-grid>.mark-role small{display:flex;align-items:baseline;gap:8px;color:#79506f;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.05em}
.mark-page .mark-role-number{flex:0 0 auto;color:var(--sp-accent);font-size:36px;font-weight:600;line-height:1;letter-spacing:-.04em}
.mark-page .mark-role-grid>.mark-role h3{margin:20px 0 10px;font-size:20px;line-height:1.3;letter-spacing:-.02em}
.mark-page .mark-role-grid>.mark-role p{margin:0;color:var(--ed-muted);font-size:15px;line-height:1.6}
@media(max-width:800px){
  .mark-page .mark-role-grid{grid-template-columns:minmax(0,1fr);margin-left:16px;border-top:0;border-left:1px solid #d9ccd6}
  .mark-page .mark-role-grid>.mark-role,.mark-page .mark-role-grid>.mark-role:not(:first-child),.mark-page .mark-role-grid>.mark-role:not(:last-child){position:relative;padding:0 0 28px 24px;border:0}
  .mark-page .mark-role-grid>.mark-role:last-child{padding-bottom:0}
  .mark-page .mark-role-grid>.mark-role::before{content:"";position:absolute;top:14px;left:-4px;width:7px;height:7px;border-radius:50%;background:var(--sp-accent)}
  .mark-page .mark-role-grid>.mark-role h3{margin:14px 0 8px}
  .mark-page .mark-role-grid>.mark-role p{font-size:16px}
}